<template>
  <!-- 方案规划导航栏 -->
  <div style="height: 100%;z-index: 1;">
    
    
      <div style="position: absolute;left: 1.5vh;top: 2vh;" class="configBox"> 

        <div style="width: 95%;height: 20%;margin: 1vh auto;text-align: center;border-bottom: 1px solid #4e849975;">
          <div style="width:30%;margin:0 auto;color: #f2f2f2;font-size: 1vw;border-bottom: 2px solid #6994b3;">方案库</div>
          <div style="width: 74.5%;height:60%;overflow-y: auto;margin: 2vh auto;text-align: left;margin-left: 7vh;">
            
            <el-radio-group v-model="checkScheme" @change="queryScheme()" style="display: grid;" size="small">
              <el-radio v-for="scheme in schemeLists"  :key="scheme.label" :label="String(scheme.label)"> 
                  {{scheme.value}}
              </el-radio>
            </el-radio-group>

          </div>
        </div>

        
        <div style="width: 98%;height: 46%;margin: 1vh auto;text-align: center;border-bottom: 1px solid #4e849975;">
          <div style="width:35%;margin:0 auto;color: #f2f2f2;font-size: 1vw;border-bottom: 2px solid #6994b3;">设备选择</div>
          <div style="width: 97%;height:80%;margin: 1vh auto 2vh 1vh;text-align: center;overflow-y: auto;">
            
            <div style="font-size: 2vh;color: #FFFFFF;font-family: cursive;margin-top: 0.5vh;display: inline-flex;">
              电网：
              <el-radio-group v-model="form.isHavaDw" @change="schemeChange('dw')" size="small" style="margin-top: 0.6vh;">
                <el-radio label="1" >有</el-radio>
                <el-radio label="0" >无</el-radio> 
              </el-radio-group>
            </div>
            
            <div style="font-size: 2vh;color: #FFFFFF;font-family: cursive;margin-top: 0.5vh;display: inline-flex;">
              光伏/热：
              <el-radio-group v-model="form.isHavaGfHeat" @change="schemeChange('gfHeat')" size="small" style="margin-top: 0.6vh;">
                <el-radio label="1" >有</el-radio>
                <el-radio label="0" >无</el-radio> 
              </el-radio-group>
            </div>

                        
            <div style="font-size: 2vh;color: #FFFFFF;font-family: cursive;margin-top: 0.5vh;display: inline-flex;">
              光伏：
              <el-radio-group v-model="form.isHavaGf" @change="schemeChange('gf')" size="small" style="margin-top: 0.6vh;">
                <el-radio label="1" >有</el-radio>
                <el-radio label="0" >无</el-radio> 
              </el-radio-group>
            </div>

            <div style="font-size: 2vh;color: #FFFFFF;font-family: cursive;margin-top: 0.5vh;display: inline-flex;">
              风机：
              <el-radio-group v-model="form.isHavaFj" @change="schemeChange('fj')" size="small" style="margin-top: 0.6vh;">
                <el-radio label="1" >有</el-radio>
                <el-radio label="0" >无</el-radio> 
              </el-radio-group>
            </div>

            <div style="font-size: 2vh;color: #FFFFFF;font-family: cursive;margin-top: 0.5vh;display: inline-flex;">
              锂电池：
              <el-radio-group v-model="form.isHavaLdc" @change="schemeChange('ldc')" size="small" style="margin-top: 0.6vh;">
                <el-radio label="1" >有</el-radio>
                <el-radio label="0" >无</el-radio> 
              </el-radio-group>
            </div>

            <div style="font-size: 2vh;color: #FFFFFF;font-family: cursive;margin-top: 0.5vh;display: inline-flex;">
              铅酸电池：
              <el-radio-group v-model="form.isHavaQsdc" @change="schemeChange('qsdc')" size="small" style="margin-top: 0.6vh;">
                <el-radio label="1" >有</el-radio>
                <el-radio label="0" >无</el-radio> 
              </el-radio-group>
            </div>

  
            <div style="font-size: 2vh;color: #FFFFFF;font-family: cursive;margin-top: 0.5vh;display: inline-flex;">
              工业副产氢：
              
              <el-radio-group v-model="form.isHavaGyfcq" @change="schemeChange('gyfcq')" size="small" style="margin-top: 0.6vh;">
                <el-radio label="1" >有</el-radio>
                <el-radio label="2" >无</el-radio> 
              </el-radio-group>
            
            </div>

         
            <div style="font-size: 2vh;color: #FFFFFF;font-family: cursive;margin-top: 0.5vh;display: inline-flex;">
              ALK电解槽：
              <el-radio-group v-model="form.isHavaAlkDjc" @change="schemeChange('alkDjc')" size="small" style="margin-top: 0.6vh;">
                <el-radio label="1" >有</el-radio>
                <el-radio label="2" >无</el-radio> 
              </el-radio-group>
            </div>

         
            <div style="font-size: 2vh;color: #FFFFFF;font-family: cursive;margin-top: 0.5vh;display: inline-flex;">
              PEM电解槽：
              <el-radio-group v-model="form.isHavaPemDjc" @change="schemeChange('pemDjc')" size="small" style="margin-top: 0.6vh;">
                <el-radio label="1" >有</el-radio>
                <el-radio label="2" >无</el-radio> 
              </el-radio-group>
            </div>

         
            <div style="font-size: 2vh;color: #FFFFFF;font-family: cursive;margin-top: 0.5vh;display: inline-flex;">
              AEM电解槽：
              <el-radio-group v-model="form.isHavaAemDjc" @change="schemeChange('aemDjc')" size="small" style="margin-top: 0.6vh;">
                <el-radio label="1" >有</el-radio>
                <el-radio label="2" >无</el-radio> 
              </el-radio-group>
            </div>

            
         
            <div style="font-size: 2vh;color: #FFFFFF;font-family: cursive;margin-top: 0.5vh;display: inline-flex;">
              固态储氢：
              <el-radio-group v-model="form.isHavaGtcq" @change="schemeChange('gtcq')" size="small" style="margin-top: 0.6vh;">
                <el-radio label="1" >有</el-radio>
                <el-radio label="2" >无</el-radio> 
              </el-radio-group>
            </div>

                
            <div style="font-size: 2vh;color: #FFFFFF;font-family: cursive;margin-top: 0.5vh;display: inline-flex;">
              气态储氢：
              <el-radio-group v-model="form.isHavaQtcq" @change="schemeChange('qtcq')" size="small" style="margin-top: 0.6vh;">
                <el-radio label="1" >有</el-radio>
                <el-radio label="2" >无</el-radio> 
              </el-radio-group>
            </div>
                         
            <div style="font-size: 2vh;color: #FFFFFF;font-family: cursive;margin-top: 0.5vh;display: inline-flex;">
              液态储氢：
              <el-radio-group v-model="form.isHavaYtcq" @change="schemeChange('ytcq')" size="small" style="margin-top: 0.6vh;">
                <el-radio label="1" >有</el-radio>
                <el-radio label="2" >无</el-radio> 
              </el-radio-group>
            </div>

            <div style="font-size: 2vh;color: #FFFFFF;font-family: cursive;margin-top: 0.5vh;display: inline-flex;">
              燃料电池：
              <el-radio-group v-model="form.isHavaRldc" @change="schemeChange('rldc')" size="small" style="margin-top: 0.6vh;">
                <el-radio label="1" >有</el-radio>
                <el-radio label="0" >无</el-radio> 
              </el-radio-group>
            </div>
            
            <div style="font-size: 2vh;color: #FFFFFF;font-family: cursive;margin-top: 0.5vh;display: inline-flex;">
              集热器：
              <el-radio-group v-model="form.isHavaJrq" @change="schemeChange('jrq')" size="small" style="margin-top: 0.6vh;">
                <el-radio label="1" >有</el-radio>
                <el-radio label="0" >无</el-radio> 
              </el-radio-group>
            </div>
                
            <div style="font-size: 2vh;color: #FFFFFF;font-family: cursive;margin-top: 0.5vh;display: inline-flex;">
              地源热泵：
              <el-radio-group v-model="form.isHavaDyrb" @change="schemeChange('dyrb')" size="small" style="margin-top: 0.6vh;">
                <el-radio label="1" >有</el-radio>
                <el-radio label="0" >无</el-radio> 
              </el-radio-group>
            </div>
                            
            <div style="font-size: 2vh;color: #FFFFFF;font-family: cursive;margin-top: 0.5vh;display: inline-flex;">
              空气源热泵：
              <el-radio-group v-model="form.isHavaKqyrb" @change="schemeChange('kqyrb')" size="small" style="margin-top: 0.6vh;">
                <el-radio label="1" >有</el-radio>
                <el-radio label="0" >无</el-radio> 
              </el-radio-group>
            </div>

                              
            <div style="font-size: 2vh;color: #FFFFFF;font-family: cursive;margin-top: 0.5vh;display: inline-flex;">
              水源热泵：
              <el-radio-group v-model="form.isHavaSyrb" @change="schemeChange('syrb')" size="small" style="margin-top: 0.6vh;">
                <el-radio label="1" >有</el-radio>
                <el-radio label="0" >无</el-radio> 
              </el-radio-group>
            </div>
      
            <div style="font-size: 2vh;color: #FFFFFF;font-family: cursive;margin-top: 0.5vh;display: inline-flex;">
              固体蓄热：
              <el-radio-group v-model="form.isHavaGtxr" @change="schemeChange('gtxr')" size="small" style="margin-top: 0.6vh;">
                <el-radio label="1" >有</el-radio>
                <el-radio label="0" >无</el-radio> 
              </el-radio-group>
            </div>

            <div style="font-size: 2vh;color: #FFFFFF;font-family: cursive;margin-top: 0.5vh;display: inline-flex;">
              水蓄热：
              <el-radio-group v-model="form.isHavaSxr" @change="schemeChange('sxr')" size="small" style="margin-top: 0.6vh;">
                <el-radio label="1" >有</el-radio>
                <el-radio label="0" >无</el-radio> 
              </el-radio-group>
            </div>

            <div style="font-size: 2vh;color: #FFFFFF;font-family: cursive;margin-top: 0.5vh;display: inline-flex;">
              吸收式制冷：
              <el-radio-group v-model="form.isHavaXsszl" @change="schemeChange('xsszl')" size="small" style="margin-top: 0.6vh;">
                <el-radio label="1" >有</el-radio>
                <el-radio label="0" >无</el-radio> 
              </el-radio-group>
            </div>

            
            <div style="font-size: 2vh;color: #FFFFFF;font-family: cursive;margin-top: 0.5vh;display: inline-flex;">
              水蓄冷：
              <el-radio-group v-model="form.isHavaSxl" @change="schemeChange('sxl')" size="small" style="margin-top: 0.6vh;">
                <el-radio label="1" >有</el-radio>
                <el-radio label="0" >无</el-radio> 
              </el-radio-group>
            </div>

                    
            <div style="font-size: 2vh;color: #FFFFFF;font-family: cursive;margin-top: 0.5vh;display: inline-flex;">
              冰蓄冷：
              <el-radio-group v-model="form.isHavaBxl" @change="schemeChange('bxl')" size="small" style="margin-top: 0.6vh;">
                <el-radio label="1" >有</el-radio>
                <el-radio label="0" >无</el-radio> 
              </el-radio-group>
            </div>

          </div>
        </div>

        <div style="width: 95%;height: 20%;margin: 1vh auto;text-align: center;border-bottom: 1px solid #4e849975;">
          <div style="width:35%;margin:0 auto;color: #f2f2f2;font-size: 1vw;border-bottom: 2px solid #6994b3;">配置目标</div>
          <div style="width: 107%;height:80%;margin: 0vh auto 0vh 0vh;text-align: left;text-align: center;">
            <div style="font-size: 2vh;color: #FFFFFF;font-family: cursive;margin-top: 0.5vh;display: inline-flex;">
              <el-radio-group v-model="form.configureTarget" size="small" style="margin-top: 0.6vh;display: inline;">
                <el-radio label="1"><span style="font-size: 1vw;">经济性优先</span></el-radio>
                <el-radio label="2" ><span style="font-size: 1vw;">环保性优先</span></el-radio> 
                <el-radio label="3" ><span style="font-size: 1vw;">兼顾经济和环保</span></el-radio> 
              </el-radio-group>
            </div>
          </div>
        </div>

        

        <div style="width: 98%;margin: 1vh auto;text-align: center;">
          <el-button type="primary" size="medium" @click="addScheme()">新增</el-button>
          <el-button type="primary" size="medium" @click="saveScheme()">保存</el-button>
          <el-button type="primary" size="medium" @click="deleteScheme()">删除</el-button>

        </div>

      </div>
                


      <div id="areaDiv1" style="position: absolute;left: 30vh;top: 1vh;height: 8vh;" class="areaBox"> 
        
        <div style="display: inline-flex;width: 100%;">
          <img class="imgClass" src="../../assets/images/dw.png" />
          <div style="width: 68%;font-size: 1.2vw;margin-top: 1.5vh; margin-left: 1vh;color: #FFFFFF;font-family: cursive;">电网</div>
        </div>
        <div style="margin-top: -0.8vh;width: 97%;text-align: right;">
          <el-link @click="dataMaintenance('dw')" style="font-size: 16px; font-family: ui-monospace;color: rgb(179 205 255);">数据维护</el-link>            
        </div>
      </div>
            
      <div id="areaDiv2" style="position: absolute;left: 46vh;top: 1vh;width: 15vh;height: 8vh;" class="areaBox"> 
          <div style="display: inline-flex;width: 100%;">
            <img class="imgClass" src="../../assets/images/gfHeat.png" />
            <div style="width: 68%;font-size: 1.2vw;margin-top: 1.5vh; margin-left: 1vh;color: #FFFFFF;font-family: cursive;">光伏/热</div>
          </div>
          <div style="margin-top: -0.8vh;width: 97%;text-align: right;">
          <el-link @click="dataMaintenance('gfHeat')" style="font-size: 16px; font-family: ui-monospace;color: rgb(179 205 255);">数据维护</el-link>            
          </div>
      </div>
             
      <div id="areaDiv3" style="position: absolute;left: 77vh;top: 1vh;height: 8vh;" class="areaBox"> 
          <div style="display: inline-flex;width: 100%;">
            <img class="imgClass" src="../../assets/images/gf_w.png" />
            <div style="width: 68%;font-size: 1.2vw;margin-top: 1.5vh; margin-left: 1vh;color: #FFFFFF;font-family: cursive;">光伏</div>
          </div>
          <div style="margin-top: -0.8vh;width: 97%;text-align: right;">
          <el-link @click="dataMaintenance('gf')" style="font-size: 16px; font-family: ui-monospace;color: rgb(179 205 255);">数据维护</el-link>            
          </div>
      </div>
 
    
    
      <div id="areaDiv4" style="position: absolute;left:93vh;top: 1vh;height: 8vh;" class="areaBox"> 
         
          <div style="display: inline-flex;width: 100%;">
            <img class="imgClass" src="../../assets/images/fj.png" />
            <div style="width: 68%;font-size: 1.2vw;margin-top: 1.5vh; margin-left: 1vh;color: #FFFFFF;font-family: cursive;">风机</div>
          </div>
          <div style="margin-top: -0.8vh;width: 97%;text-align: right;">
          <el-link @click="dataMaintenance('fj')" style="font-size: 16px; font-family: ui-monospace;color: rgb(179 205 255);">数据维护</el-link>            
          </div>
      </div>
      
       
    
    
      <div id="areaDiv5" style="position: absolute;left:116vh;top: 1vh;height: 8vh;" class="areaBox"> 
         
         <div style="display: inline-flex;width: 100%;">
           <img class="imgClass" src="../../assets/images/dc.png" />
           <div style="width: 68%;font-size: 1.2vw;margin-top: 1.5vh; margin-left: 1vh;color: #FFFFFF;font-family: cursive;">锂电池</div>
         </div>
         <div style="margin-top: -0.8vh;width: 97%;text-align: right;">
         <el-link @click="dataMaintenance('ldc')" style="font-size: 16px; font-family: ui-monospace;color: rgb(179 205 255);">数据维护</el-link>            
         </div>
     </div>
     
         
     <div id="areaDiv6" style="position: absolute;left:132vh;top: 1vh;width: 17vh;height: 8vh;" class="areaBox"> 
         
         <div style="display: inline-flex;width: 100%;">
           <img class="imgClass" src="../../assets/images/qsdc.png" />
           <div style="width: 68%;font-size: 1.2vw;margin-top: 1.5vh; margin-left: 1vh;color: #FFFFFF;font-family: cursive;">铅酸电池</div>
         </div>
         <div style="margin-top: -0.8vh;width: 97%;text-align: right;">
         <el-link @click="dataMaintenance('qsdc')" style="font-size: 16px; font-family: ui-monospace;color: rgb(179 205 255);">数据维护</el-link>            
         </div>
     </div>
     
     <div id="areaDiv7" style="position: absolute;left: 30vh;top:20vh;width: 15vh;" class="areaBox"> 
        <div style="display: inline-flex;width: 100%;">
          <img class="imgClass" src="../../assets/images/gyfcq.png" />
          <div style="width: 68%;font-size: 1.1vw;margin-top: 1vh; margin-left: 1vh;color: #FFFFFF;font-family: cursive;">
            <div style="line-height: 2vh;margin-left: 0vh;">工业</div>
            <div style="line-height: 3vh;margin-left: 0vh;">副产氢</div>
          </div>
        </div>
        <div style="margin-top: 0.2vh;width: 97%;text-align: right;">
        <el-link @click="dataMaintenance('gyfcq')" style="font-size: 16px; font-family: ui-monospace;color: rgb(179 205 255);">数据维护</el-link>            
        </div>
    </div>


         
    <div id="areaDiv77" style="position: absolute;left: 50vh;top:20vh;width: 14vh;" class="areaBox"> 
        <div style="display: inline-flex;width: 100%;">
          <img class="imgClass" src="../../assets/images/djc_w.png" />
          <div style="width: 68%;font-size: 1.1vw;margin-top: 1vh; margin-left: 1vh;color: #FFFFFF;font-family: cursive;">
            <div style="line-height: 2vh;margin-left: 0.5vh;">ALK</div>
            <div style="line-height: 3vh;margin-left: 0vh;">电解槽</div>
          </div>
        </div>
        <div style="margin-top: 0.2vh;width: 97%;text-align: right;">
        <el-link @click="dataMaintenance('alkDjc')" style="font-size: 16px; font-family: ui-monospace;color: rgb(179 205 255);">数据维护</el-link>            
        </div>
    </div>

           
    <div id="areaDiv8" style="position: absolute;left: 68vh;top:20vh;width: 14vh;" class="areaBox"> 
        <div style="display: inline-flex;width: 100%;">
          <img class="imgClass" src="../../assets/images/djc_w.png" />
          <div style="width: 68%;font-size: 1.1vw;margin-top: 1vh; margin-left: 1vh;color: #FFFFFF;font-family: cursive;">
            <div style="line-height: 2vh;margin-left: 0.5vh;">PEM</div>
            <div style="line-height: 3vh;margin-left: 0vh;">电解槽</div>
          </div>
        </div>
        <div style="margin-top: 0.2vh;width: 97%;text-align: right;">
        <el-link @click="dataMaintenance('pemDjc')" style="font-size: 16px; font-family: ui-monospace;color: rgb(179 205 255);">数据维护</el-link>            
        </div>
    </div>

    
           
    <div id="areaDiv9" style="position: absolute;left: 85vh;top:20vh;width: 14vh;" class="areaBox"> 
        <div style="display: inline-flex;width: 100%;">
          <img class="imgClass" src="../../assets/images/djc_w.png" />
          <div style="width: 68%;font-size: 1.1vw;margin-top: 1vh; margin-left: 1vh;color: #FFFFFF;font-family: cursive;">
            <div style="line-height: 2vh;margin-left: 0.5vh;">AEM</div>
            <div style="line-height: 3vh;margin-left: 0vh;">电解槽</div>
          </div>
        </div>
        <div style="margin-top: 0.2vh;width: 97%;text-align: right;">
        <el-link @click="dataMaintenance('aemDjc')" style="font-size: 16px; font-family: ui-monospace;color: rgb(179 205 255);">数据维护</el-link>            
        </div>
    </div>

       
           
    <div id="areaDiv10" style="position: absolute;left: 102vh;top:20vh;width: 12vh;" class="areaBox"> 
        <div style="display: inline-flex;width: 100%;">
          <img class="imgClass" src="../../assets/images/cq.png" />
          <div style="width: 68%;font-size: 1.1vw;margin-top: 1vh; margin-left: 1vh;color: #FFFFFF;font-family: cursive;">
            <div style="line-height: 2vh;margin-left: 0vh;">固态</div>
            <div style="line-height: 3vh;margin-left: 0vh;">储氢</div>
          </div>
        </div>
        <div style="margin-top: 0.2vh;width: 97%;text-align: right;">
        <el-link @click="dataMaintenance('gtcq')" style="font-size: 16px; font-family: ui-monospace;color: rgb(179 205 255);">数据维护</el-link>            
        </div>
    </div>

           
    <div id="areaDiv11" style="position: absolute;left: 117vh;top:20vh;width: 12vh;" class="areaBox"> 
        <div style="display: inline-flex;width: 100%;">
          <img class="imgClass" src="../../assets/images/cq.png" />
          <div style="width: 68%;font-size: 1.1vw;margin-top: 1vh; margin-left: 1vh;color: #FFFFFF;font-family: cursive;">
            <div style="line-height: 2vh;margin-left: 0vh;">气态</div>
            <div style="line-height: 3vh;margin-left: 0vh;">储氢</div>
          </div>
        </div>
        <div style="margin-top: 0.2vh;width: 97%;text-align: right;">
        <el-link @click="dataMaintenance('qtcq')" style="font-size: 16px; font-family: ui-monospace;color: rgb(179 205 255);">数据维护</el-link>            
        </div>
    </div>

           
    <div id="areaDiv12" style="position: absolute;left: 132vh;top:20vh;width: 12vh;" class="areaBox"> 
        <div style="display: inline-flex;width: 100%;">
          <img class="imgClass" src="../../assets/images/cq.png" />
          <div style="width: 68%;font-size: 1.1vw;margin-top: 1vh; margin-left: 1vh;color: #FFFFFF;font-family: cursive;">
            <div style="line-height: 2vh;margin-left: 0vh;">液态</div>
            <div style="line-height: 3vh;margin-left: 0vh;">储氢</div>
          </div>
        </div>
        <div style="margin-top: 0.2vh;width: 97%;text-align: right;">
        <el-link @click="dataMaintenance('ytcq')" style="font-size: 16px; font-family: ui-monospace;color: rgb(179 205 255);">数据维护</el-link>            
        </div>
    </div>

     
    <div id="areaDiv13" style="position: absolute;left: 147vh;top:20vh;width: 12vh;" class="areaBox"> 
      <div style="display: inline-flex;width: 100%;">
          <img class="imgClass" src="../../assets/images/rldc.png" />
          <div style="width: 68%;font-size: 1.1vw;margin-top: 1vh; margin-left: 1vh;color: #FFFFFF;font-family: cursive;">
            <div style="line-height: 2vh;margin-left: 0vh;">燃料</div>
            <div style="line-height: 3vh;margin-left: 0vh;">电池</div>
          </div>
        </div>
        <div style="margin-top: 0.2vh;width: 97%;text-align: right;">
        <el-link @click="dataMaintenance('rldc')" style="font-size: 16px; font-family: ui-monospace;color: rgb(179 205 255);">数据维护</el-link>            
        </div>
    </div>


    
    <div id="areaDiv14" style="position: absolute;left: 30vh;top: 39vh;" class="areaBox"> 
      <div style="display: inline-flex;width: 100%;">
          <img class="imgClass" src="../../assets/images/jrq.png" />
          <div style="width: 68%;font-size: 1.2vw;margin-top: 1.5vh; margin-left: 1vh;color: #FFFFFF;font-family: cursive;">集热器</div>
        </div>
        <div style="margin-top: 0.2vh;width: 97%;text-align: right;">
        <el-link @click="dataMaintenance('jrq')" style="font-size: 16px; font-family: ui-monospace;color: rgb(179 205 255);">数据维护</el-link>            
        </div>
    </div>



      <div id="areaDiv15" style="position: absolute;left: 58vh;top: 39vh;" class="areaBox"> 
         <div style="display: inline-flex;width: 100%;">
           <img class="imgClass" src="../../assets/images/dyrb.png" />
           <div style="width: 68%;font-size: 1.1vw;margin-top: 1vh; margin-left: 1vh;color: #FFFFFF;font-family: cursive;">
            <div style="line-height: 2vh;margin-left: 0vh;">地源</div>
            <div style="line-height: 3vh;margin-left: 0vh;">热泵</div>
          </div>
         </div>
         <div style="margin-top: 0.2vh;width: 97%;text-align: right;">
          <el-link @click="dataMaintenance('dyrb')" style="font-size: 16px; font-family: ui-monospace;color: rgb(179 205 255);">数据维护</el-link>            
          </div>
     </div>

     
     <div id="areaDiv16" style="position: absolute;left: 76vh;top: 39vh;" class="areaBox"> 
         <div style="display: inline-flex;width: 100%;">
           <img class="imgClass" src="../../assets/images/kqyrb.png" />
            
           <div style="width: 68%;font-size: 1.1vw;margin-top: 1vh; margin-left: 1vh;color: #FFFFFF;font-family: cursive;">
            <div style="line-height: 2vh;margin-left: 0vh;">空气源</div>
            <div style="line-height: 3vh;margin-left: 0vh;">热泵</div>
          </div>
         </div>
         <div style="margin-top: 0.2vh;width: 97%;text-align: right;">
          <el-link @click="dataMaintenance('kqyrb')" style="font-size: 16px; font-family: ui-monospace;color: rgb(179 205 255);">数据维护</el-link>            
          </div>
     </div>

          
     <div id="areaDiv17" style="position: absolute;left: 93vh;top: 39vh;" class="areaBox"> 
         <div style="display: inline-flex;width: 100%;">
           <img class="imgClass" src="../../assets/images/syrb.png" />
           <div style="width: 68%;font-size: 1.1vw;margin-top: 1vh; margin-left: 1vh;color: #FFFFFF;font-family: cursive;">
            <div style="line-height: 2vh;margin-left: 0vh;">水源</div>
            <div style="line-height: 3vh;margin-left: 0vh;">热泵</div>
          </div>
         </div>
         <div style="margin-top: 0.2vh;width: 97%;text-align: right;">
          <el-link @click="dataMaintenance('syrb')" style="font-size: 16px; font-family: ui-monospace;color: rgb(179 205 255);">数据维护</el-link>            
          </div>
     </div>

               
     <div id="areaDiv18" style="position: absolute;left: 110vh;top: 39vh;" class="areaBox"> 
         <div style="display: inline-flex;width: 100%;">
           <img class="imgClass" src="../../assets/images/gthr.png" />
           <div style="width: 68%;font-size: 1.1vw;margin-top: 1vh; margin-left: 1vh;color: #FFFFFF;font-family: cursive;">
            <div style="line-height: 2vh;margin-left: 0vh;">固体</div>
            <div style="line-height: 3vh;margin-left: 0vh;">蓄热</div>
          </div>
         </div>
         <div style="margin-top: 0.2vh;width: 97%;text-align: right;">
          <el-link @click="dataMaintenance('gtxr')" style="font-size: 16px; font-family: ui-monospace;color: rgb(179 205 255);">数据维护</el-link>            
          </div>
     </div>
               
     <div id="areaDiv19" style="position: absolute;left: 127vh;top: 39vh;" class="areaBox"> 
         <div style="display: inline-flex;width: 100%;">
           <img class="imgClass" src="../../assets/images/sxr.png" />
           <div style="width: 68%;font-size: 1.2vw;margin-top: 1.5vh; margin-left: 1vh;color: #FFFFFF;font-family: cursive;">水蓄热</div>
         </div>
         <div style="margin-top: 0.2vh;width: 97%;text-align: right;">
          <el-link @click="dataMaintenance('sxr')" style="font-size: 16px; font-family: ui-monospace;color: rgb(179 205 255);">数据维护</el-link>            
          </div>
     </div>

     
     <!-- <div id="lineDiv1" style="position: absolute;left: 30vh;top: 14.5vh;height: 0.5%;width: 76%;background: #95ef8499;" ></div> -->


      <div id="anchorPoin-1" style="width: 1vh;height: 1vh;left: 37vh;top: 8.1vh;float: right;position: absolute;"></div>
      <div id="anchorPoin1" style="width: 1vh;height: 1vh;left: 37vh;top: 14.5vh;float: right;position: absolute;"></div>

      <div id="anchorPoin-2" style="width: 1vh;height: 1vh;left: 47vh;top: 8vh;float: right;position: absolute;"></div>
      <div id="anchorPoin2" style="width: 1vh;height: 1vh;left: 47vh;top: 53vh;float: right;position: absolute;"></div>

      <div id="anchorPoin-3" style="width: 1vh;height: 1vh;left: 53vh;top: 8vh;;float: right;position: absolute;"></div>
      <div id="anchorPoin3" style="width: 1vh;height: 1vh;left: 53vh;top: 14.5vh;float: right;position: absolute;"></div>
     
     
      <div id="anchorPoin-4" style="width: 1vh;height: 1vh;left: 84vh;top: 8vh;float: right;position: absolute;"></div>
      <div id="anchorPoin4" style="width: 1vh;height: 1vh;left: 84vh;top: 14.5vh;float: right;position: absolute;"></div>
        
          
      <div id="anchorPoin-5" style="width: 1vh;height: 1vh;left: 100vh;top: 8vh;float: right;position: absolute;"></div>
      <div id="anchorPoin5" style="width: 1vh;height: 1vh;left: 100vh;top: 14.5vh;float: right;position: absolute;"></div>
                   
      <div id="anchorPoin-7" style="width: 1vh;height: 1vh;left: 123vh;top: 8vh;float: right;position: absolute;"></div>
      <div id="anchorPoin7" style="width: 1vh;height: 1vh;left: 123vh;top: 14.5vh;float: right;position: absolute;"></div>
        
                        
      <div id="anchorPoin-8" style="width: 1vh;height: 1vh;left: 141vh;top: 8vh;float: right;position: absolute;"></div>
      <div id="anchorPoin8" style="width: 1vh;height: 1vh;left: 141vh;top: 14.5vh;float: right;position: absolute;"></div>
        
                             
      <div id="anchorPoin-9" style="width: 1vh;height: 1vh;left: 37vh;top: 28vh;float: right;position: absolute;"></div>
      <div id="anchorPoin9" style="width: 1vh;height: 1vh;left: 37vh;top: 34vh;float: right;position: absolute;"></div>
        
               
                             
      <div id="anchorPoin-10" style="width: 1vh;height: 1vh;left: 57vh;top: 13.8vh;float: right;position: absolute;"></div>
      <div id="anchorPoin10" style="width: 1vh;height: 1vh;left: 57vh;top: 20vh;float: right;position: absolute;"></div>
                                     
      <div id="anchorPoin-11" style="width: 1vh;height: 1vh;left: 57vh;top: 28vh;float: right;position: absolute;"></div>
      <div id="anchorPoin11" style="width: 1vh;height: 1vh;left: 57vh;top: 34vh;float: right;position: absolute;"></div>
        

         
      <div id="anchorPoin-13" style="width: 1vh;height: 1vh;left: 65.5vh;top: 14vh;float: right;position: absolute;"></div>
      <div id="anchorPoin13" style="width: 1vh;height: 1vh;left: 65.5vh;top: 39vh;float: right;position: absolute;"></div>
        
                           
      <div id="anchorPoin-14" style="width: 1vh;height: 1vh;left: 75vh;top: 13.8vh;float: right;position: absolute;"></div>
      <div id="anchorPoin14" style="width: 1vh;height: 1vh;left: 75vh;top: 20vh;float: right;position: absolute;"></div>
             
                          
      <div id="anchorPoin-15" style="width: 1vh;height: 1vh;left: 75vh;top: 28vh;float: right;position: absolute;"></div>
      <div id="anchorPoin15" style="width: 1vh;height: 1vh;left: 75vh;top: 34vh;float: right;position: absolute;"></div>
             
      <div id="anchorPoin-16" style="width: 1vh;height: 1vh;left: 83vh;top: 14vh;float: right;position: absolute;"></div>
      <div id="anchorPoin16" style="width: 1vh;height: 1vh;left: 83vh;top: 39vh;float: right;position: absolute;"></div>
        
      
                                 
      <div id="anchorPoin-17" style="width: 1vh;height: 1vh;left: 92vh;top: 13.8vh;float: right;position: absolute;"></div>
      <div id="anchorPoin17" style="width: 1vh;height: 1vh;left: 92vh;top: 20vh;float: right;position: absolute;"></div>
             
                          
      <div id="anchorPoin-18" style="width: 1vh;height: 1vh;left: 92vh;top: 28vh;float: right;position: absolute;"></div>
      <div id="anchorPoin18" style="width: 1vh;height: 1vh;left: 92vh;top: 34vh;float: right;position: absolute;"></div>
             
      <div id="anchorPoin-19" style="width: 1vh;height: 1vh;left: 100vh;top: 14vh;float: right;position: absolute;"></div>
      <div id="anchorPoin19" style="width: 1vh;height: 1vh;left: 100vh;top: 39vh;float: right;position: absolute;"></div>
     
                                       
      <div id="anchorPoin-20" style="width: 1vh;height: 1vh;left: 108vh;top: 13.8vh;float: right;position: absolute;"></div>
      <div id="anchorPoin20" style="width: 1vh;height: 1vh;left: 108vh;top: 20vh;float: right;position: absolute;"></div>
             
                          
      <div id="anchorPoin-21" style="width: 1vh;height: 1vh;left: 108vh;top: 28vh;float: right;position: absolute;"></div>
      <div id="anchorPoin21" style="width: 1vh;height: 1vh;left: 108vh;top: 34vh;float: right;position: absolute;"></div>
      
                                       
      <div id="anchorPoin-22" style="width: 1vh;height: 1vh;left: 123vh;top: 13.8vh;float: right;position: absolute;"></div>
      <div id="anchorPoin22" style="width: 1vh;height: 1vh;left: 123vh;top: 20vh;float: right;position: absolute;"></div>
             
                          
      <div id="anchorPoin-23" style="width: 1vh;height: 1vh;left: 123vh;top: 28vh;float: right;position: absolute;"></div>
      <div id="anchorPoin23" style="width: 1vh;height: 1vh;left: 123vh;top: 34vh;float: right;position: absolute;"></div>
                   
      <div id="anchorPoin-24" style="width: 1vh;height: 1vh;left: 115.3vh;top: 14vh;float: right;position: absolute;"></div>
      <div id="anchorPoin24" style="width: 1vh;height: 1vh;left: 115.3vh;top: 39vh;float: right;position: absolute;"></div>
     
                                              
      <div id="anchorPoin-25" style="width: 1vh;height: 1vh;left: 138vh;top: 13.8vh;float: right;position: absolute;"></div>
      <div id="anchorPoin25" style="width: 1vh;height: 1vh;left: 138vh;top: 20vh;float: right;position: absolute;"></div>
             
                          
      <div id="anchorPoin-26" style="width: 1vh;height: 1vh;left: 138vh;top: 28vh;float: right;position: absolute;"></div>
      <div id="anchorPoin26" style="width: 1vh;height: 1vh;left: 138vh;top: 34vh;float: right;position: absolute;"></div>
       
                                            
      <div id="anchorPoin-27" style="width: 1vh;height: 1vh;left: 153vh;top: 13.8vh;float: right;position: absolute;"></div>
      <div id="anchorPoin27" style="width: 1vh;height: 1vh;left: 153vh;top: 20vh;float: right;position: absolute;"></div>
             
                          
      <div id="anchorPoin-28" style="width: 1vh;height: 1vh;left: 151vh;top: 28vh;float: right;position: absolute;"></div>
      <div id="anchorPoin28" style="width: 1vh;height: 1vh;left: 151vh;top: 53vh;float: right;position: absolute;"></div>
       
                        
      <div id="anchorPoin-29" style="width: 1vh;height: 1vh;left: 153vh;top: 28vh;float: right;position: absolute;"></div>
      <div id="anchorPoin29" style="width: 1vh;height: 1vh;left: 153vh;top: 34vh;float: right;position: absolute;"></div>

                              
      <div id="anchorPoin-30" style="width: 1vh;height: 1vh;left: 37vh;top: 47vh;float: right;position: absolute;"></div>
      <div id="anchorPoin30" style="width: 1vh;height: 1vh;left: 37vh;top: 53vh;float: right;position: absolute;"></div>
        
          
                       
      <div id="anchorPoin-31" style="width: 1vh;height: 1vh;left: 65vh;top: 47vh;float: right;position: absolute;"></div>
      <div id="anchorPoin31" style="width: 1vh;height: 1vh;left: 65vh;top: 53vh;float: right;position: absolute;"></div>
               
      <div id="anchorPoin-32" style="width: 1vh;height: 1vh;left: 67vh;top: 47vh;float: right;position: absolute;"></div>
      <div id="anchorPoin32" style="width: 1vh;height: 1vh;left: 67vh;top: 69.5vh;float: right;position: absolute;"></div>
        
                  
      <div id="anchorPoin-33" style="width: 1vh;height: 1vh;left: 83vh;top: 47vh;float: right;position: absolute;"></div>
      <div id="anchorPoin33" style="width: 1vh;height: 1vh;left: 83vh;top: 53vh;float: right;position: absolute;"></div>
               
      <div id="anchorPoin-34" style="width: 1vh;height: 1vh;left: 85vh;top: 47vh;float: right;position: absolute;"></div>
      <div id="anchorPoin34" style="width: 1vh;height: 1vh;left: 85vh;top: 69.5vh;float: right;position: absolute;"></div>
        
                  
      <div id="anchorPoin-35" style="width: 1vh;height: 1vh;left: 100vh;top: 47vh;float: right;position: absolute;"></div>
      <div id="anchorPoin35" style="width: 1vh;height: 1vh;left: 100vh;top: 53vh;float: right;position: absolute;"></div>
               
      <div id="anchorPoin-36" style="width: 1vh;height: 1vh;left: 102vh;top: 47vh;float: right;position: absolute;"></div>
      <div id="anchorPoin36" style="width: 1vh;height: 1vh;left: 102vh;top: 69.5vh;float: right;position: absolute;"></div>
        

                    
      <div id="anchorPoin-136" style="width: 1vh;height: 1vh;left: 117vh;top: 47vh;float: right;position: absolute;"></div>
      <div id="anchorPoin136" style="width: 1vh;height: 1vh;left: 117vh;top: 53vh;float: right;position: absolute;"></div>
         
                    
      <div id="anchorPoin-37" style="width: 1vh;height: 1vh;left: 134vh;top: 47vh;float: right;position: absolute;"></div>
      <div id="anchorPoin37" style="width: 1vh;height: 1vh;left: 134vh;top: 53vh;float: right;position: absolute;"></div>
         
                          
      <div id="anchorPoin-38" style="width: 1vh;height: 1vh;left: 145vh;top: 14vh;;float: right;position: absolute;"></div>
      <div id="anchorPoin38" style="width: 1vh;height: 1vh;left: 145vh;top: 57vh;float: right;position: absolute;"></div>
         
                                
      <div id="anchorPoin-39" style="width: 1vh;height: 1vh;left: 114vh;top: 52vh;;float: right;position: absolute;"></div>
      <div id="anchorPoin39" style="width: 1vh;height: 1vh;left: 114vh;top: 57vh;;float: right;position: absolute;"></div>
         
                           
      <div id="anchorPoin-40" style="width: 1vh;height: 1vh;left: 114vh;top: 64vh;;float: right;position: absolute;"></div>
      <div id="anchorPoin40" style="width: 1vh;height: 1vh;left: 114vh;top: 69.5vh;;float: right;position: absolute;"></div>
         
                           
      <div id="anchorPoin-41" style="width: 1vh;height: 1vh;left: 134vh;top: 64vh;;float: right;position: absolute;"></div>
      <div id="anchorPoin41" style="width: 1vh;height: 1vh;left: 134vh;top: 69.5vh;;float: right;position: absolute;"></div>
      
                           
      <div id="anchorPoin-42" style="width: 1vh;height: 1vh;left: 149vh;top: 64vh;;float: right;position: absolute;"></div>
      <div id="anchorPoin42" style="width: 1vh;height: 1vh;left: 149vh;top: 69.5vh;;float: right;position: absolute;"></div>
      

                                 
      <div id="linePoin-1" style="width: 1vh;height: 1vh;left: 30vh;top: 14.3vh;float: right;position: absolute;"></div>
      <div id="linePoin1" style="width: 1vh;height: 1vh;left: 161vh;top: 14.3vh;float: right;position: absolute;"></div>
      
      <div id="linePoin-2" style="width: 1vh;height: 1vh;left: 30vh;top: 33.7vh;float: right;position: absolute;"></div>
      <div id="linePoin2" style="width: 1vh;height: 1vh;left: 161vh;top: 33.7vh;float: right;position: absolute;"></div>
        
      <div id="linePoin-3" style="width: 1vh;height: 1vh;left: 30vh;top: 52.6vh;float: right;position: absolute;"></div>
      <div id="linePoin3" style="width: 1vh;height: 1vh;left: 161vh;top: 52.6vh;float: right;position: absolute;"></div>
      

      <!-- <div id="lineDiv2" style="position: absolute;left: 30vh;top: 34vh;height: 0.5%;width: 76%;background: rgb(41 194 239 / 55%);" ></div> -->

      <!-- <div id="lineDiv3" style="position: absolute;left: 30vh;top: 53vh;height: 0.5%;width: 76%;background: #FF0000;" ></div> -->

 
      
      <div id="areaDiv20" style="position: absolute;left: 105vh;top: 57vh;width: 19vh;height: 8vh;" class="areaBox"> 
          <div style="display: inline-flex;width: 100%;">
            <img class="imgClass" src="../../assets/images/xsszl.png" />
            <div style="width: 68%;font-size: 1.2vw;margin-top: 1.5vh; margin-left: 1vh;margin-left: 0.5vh;color: #FFFFFF;font-family: cursive;">吸收式制冷</div>
          </div>
          <div style="margin-top: -0.8vh;width: 97%;text-align: right;">
          <el-link @click="dataMaintenance('xsszl')" style="font-size: 16px; font-family: ui-monospace;color: rgb(179 205 255);">数据维护</el-link>            
          </div>
      </div>

       
      
      <div id="areaDiv21" style="position: absolute;left: 127vh;top: 57vh;width: 14vh;height: 8vh;" class="areaBox"> 
          <div style="display: inline-flex;width: 100%;">
            <img class="imgClass" src="../../assets/images/xl.png" />
            <div style="width: 68%;font-size: 1.2vw;margin-top: 1.5vh; margin-left: 1vh;margin-left: 0.5vh;color: #FFFFFF;font-family: cursive;">水蓄冷</div>
          </div>
          <div style="margin-top: -0.8vh;width: 97%;text-align: right;">
          <el-link @click="dataMaintenance('sxl')" style="font-size: 16px; font-family: ui-monospace;color: rgb(179 205 255);">数据维护</el-link>            
          </div>
      </div>

       
      
      <div id="areaDiv22" style="position: absolute;left: 142vh;top: 57vh;width: 14vh;height: 8vh;" class="areaBox"> 
          <div style="display: inline-flex;width: 100%;">
            <img class="imgClass" src="../../assets/images/xl.png" />
            <div style="width: 68%;font-size: 1.2vw;margin-top: 1.5vh; margin-left: 1vh;margin-left: 0.5vh;color: #FFFFFF;font-family: cursive;">冰蓄冷</div>
          </div>
          <div style="margin-top: -0.8vh;width: 97%;text-align: right;">
          <el-link @click="dataMaintenance('bxl')" style="font-size: 16px; font-family: ui-monospace;color: rgb(179 205 255);">数据维护</el-link>            
          </div>
      </div>

      <div id="lineDiv4" style="position: absolute;left: 30vh;top: 69.5vh;height: 0.5%;width: 76%;background: #7030A0;" ></div>
      
      <div style="position: absolute;left: 160vh;top: 8vh;" class="areaBox2"> 
          <div style="display: block;width: 100%;text-align: center;margin-top: 7vh;">
            <img style="position: absolute;top:1vh;left: 1.6vh;" class="imgClass" src="../../assets/images/fh.png" />
          </div>
          
          <div style="width: 100%;text-align:center;font-size: 1.2vw;margin-top: -0.5vh;color: #FFFFFF;font-family: cursive;">电负荷</div>
      </div>

      <div style="position: absolute;left: 160vh;top: 29vh;" class="areaBox2"> 
          <div style="display: block;width: 100%;text-align: center;margin-top: 7vh;">
            <img style="position: absolute;top:1vh;left: 1.6vh;" class="imgClass" src="../../assets/images/yq.png" />
          </div>
          <div style="width: 100%;text-align:center;font-size: 1.2vw;margin-top: -0.5vh;color: #FFFFFF;font-family: cursive;">氢负荷</div>
      </div>

    
 
      <div style="position: absolute;left: 160vh;top: 47vh;" class="areaBox2"> 
          <div style="display: block;width: 100%;text-align: center;margin-top: 7vh;">
            <img style="position: absolute;top:1vh;left: 1.6vh;" class="imgClass" src="../../assets/images/rfh.png" />
          </div>
          <div style="width: 100%;text-align:center;font-size: 1.2vw;margin-top: -0.5vh;color: #FFFFFF;font-family: cursive;">热负荷</div>
      </div>

      
       
      <div style="position: absolute;left: 160vh;top: 61vh;" class="areaBox2"> 
          <div style="display: block;width: 100%;text-align: center;margin-top: 0vh;">
            <img style="position: absolute;top:1vh;left: 1.6vh;" class="imgClass" src="../../assets/images/lfh.png" />
          </div>
          <div style="width: 100%;text-align:center;font-size: 1.2vw;margin-top: 5.5vh;color: #FFFFFF;font-family: cursive;">冷负荷</div>
      </div>

      
      <!-- 弹窗 -->
      <el-dialog :title="dialogTitle" :visible.sync="dialogShowFlag" style="margin-top: 25vh;margin-left: 5vh;" width="120vh" align="left">
        <el-form ref="dataForm" :model="dataForm" label-width="150px" align="left" :inline="true">
            
          <el-form-item :label="label1" >
            <el-input v-model="dataForm.value1">
              <template slot="append">{{unit1}}</template>
            </el-input>
          </el-form-item>

          <el-form-item v-if="this.label2!=''" :label="label2">
            <el-input v-model="dataForm.value2">
              <template slot="append">{{unit2}}</template>
            </el-input>
          </el-form-item>
        
        </el-form>
        <div slot="footer">
          <el-button type="primary" @click="saveData()">保存</el-button>
          <el-button type="primary" @click="closeDialog()">取消</el-button>
        </div>
      </el-dialog>
   

  </div>
</template>

<script>


  export default {
    name: 'schemeSelection',
    
    beforeRouteLeave (to, from, next) {
       
      for(var i = 0;i<this.connectionArr.length;i++){
        var key = this.connectionArr[i];
        var connRem = this.connectionMaps.get(key);
       
        if(connRem){ 
       
          this.$jsPlumbObj.deleteConnection(connRem);  
          this.connectionMaps.put(key,"");
          // this.$nextTick(function(){
          //   this.$jsPlumbObj.deleteConnection(connRem);  
          // });
        }

      }
      
      var connDivs = $(".jtk-connector");
      var endpointDivs = $(".jtk-endpoint");

      if(connDivs){
        for(var i = 0;i<connDivs.length;i++){
          var dom = connDivs[i];
          $(dom).remove();
        }
      }

      if(endpointDivs){
        for(var i = 0;i<endpointDivs.length;i++){
          var dom = endpointDivs[i];
          $(dom).remove();
        }
      }

      next();
    },
    data() {
      return {
        label1:"容量上限：",
        label2:"单位投资成本：",
        unit1:"kg",
        unit2:"元",
        projectId : "",
        form: {
          id:"",
          projectId : "",
          schemeName:"",
          checkScheme:"",

          isHavaDw: '1',
          isHavaGfHeat: '1',
          isHavaGf: '1',
          isHavaFj: '1',
          isHavaLdc : "1", 
          isHavaQsdc: '1',
          isHavaGyfcq : "1",
          isHavaAlkDjc: "1",
          isHavaPemDjc: "1",
          isHavaAemDjc: "1",
          isHavaGtcq : "1",
          isHavaQtcq : "1",
          isHavaYtcq : "1",
          isHavaRldc : "1",
          isHavaJrq : "1",
          isHavaDyrb : "1",
          isHavaKqyrb : "1",
          isHavaSyrb : "1",
          isHavaGtxr : "1",
          isHavaSxr : "1",
          isHavaXsszl : "1",
          isHavaSxl : "1",
          isHavaBxl: "1",

          configureTarget:"1", 
          electricityPurchaseLimit : "",
          electricitySalesCeiling : "",

          photovoltaicHeatCapUp : "",
          photovoltaicHeatUnitInvestCost : "", 

          photovoltaicCapUp : "",
          photovoltaicUnitInvestCost : "", 

 
          fanCapUp : "",
          fanUnitInvestCost : "",

          lithiumaBatteryCapUp : "",
          lithiumaBatteryUnitInvestCost : "",

          leadAcidCapUp : "",
          leadAcidUnitInvestCost : "",
         
          hydrogenPurchaseLimit : "", 

          
          alkElectCellCapUp : "",
          alkElectCellUnitInvestCost : "",

          pemElectCellCapUp : "",
          pemElectCellUnitInvestCost : "",
          
          aemElectCellCapUp : "",
          aemElectCellUnitInvestCost : "",
          
               
          gtHydrogenStorageCapUp : "",
          gtHydrogenStorageUnitInvestCost : "",
          
               
          qtHydrogenStorageCapUp : "",
          qtHydrogenStorageUnitInvestCost : "",
                  
          ytHydrogenStorageCapUp : "",
          ytHydrogenStorageUnitInvestCost : "",
                      
          
          fuelCellCapUp : "",
          fuelCellUnitInvestCost : "",

          collectorCapUp : "",
          collectorUnitInvestCost : "",
       
          dyHeatPumpCapUp : "", 
          dyHeatPumpUnitInvestCost : "",

          kqyHeatPumpCapUp : "", 
          kqyHeatPumpUnitInvestCost : "",

          syHeatPumpCapUp : "", 
          syHeatPumpUnitInvestCost : "",

          
          gtThermalStorageCapUp : "",
          gtThermalStorageUnitInvestCost : "",

          waterThermalStorageCapUp : "",
          waterThermalStorageUnitInvestCost : "",
 

          absorptionRefrigeraCapUp : "",
          absorptionRefrigeraUnitInvestCost : "",

          chilledWaterThermalStorageCapUp : "",
          chilledWaterThermalStorageUnitInvestCost : "",

          iceThermalStorageCapUp : "",
          iceThermalStorageUnitInvestCost : "",

          
        },
        schemeLists:[
          {label:"-1",value:"暂无预设方案，请维护"}, 
        ],
        checkScheme : "",

        dataForm: {
          value1: '',
          value2: '', 
        },
        dataType : "",
        dialogTitle : "",
        dialogShowFlag : false,
        $jsPlumbObj : {},
        connectionMaps : {}, 
        connectionArr : []
      }
    },
    created() {
     
       
    },
    mounted: function() {
      //获取项目id
      this.projectId = this.$route.query.projectId;
      this.form.projectId = this.projectId;
      this.connectionMaps = this.getMap();
      this.generateWorkFlow();

      this.querySchemeList();
    },
    methods: {  

      saveData : function(){

        var dataType = this.dataType;
        
        if(dataType=="dw"){
          this.form.electricityPurchaseLimit = this.dataForm.value1;
          this.form.electricitySalesCeiling = this.dataForm.value2;
        }else if(dataType=="gfHeat"){
          this.form.photovoltaicHeatCapUp = this.dataForm.value1;
          this.form.photovoltaicHeatUnitInvestCost = this.dataForm.value2;
        }else if(dataType=="gf"){
          this.form.photovoltaicCapUp = this.dataForm.value1;
          this.form.photovoltaicUnitInvestCost = this.dataForm.value2;
        }else if(dataType=="fj"){
          this.form.fanCapUp = this.dataForm.value1;
          this.form.fanUnitInvestCost = this.dataForm.value2;
        }else if(dataType=="ldc"){
          
          this.form.lithiumaBatteryCapUp = this.dataForm.value1;
          this.form.lithiumaBatteryUnitInvestCost = this.dataForm.value2;
 
        }else if(dataType=="qsdc"){
          
          this.form.leadAcidCapUp = this.dataForm.value1;
          this.form.leadAcidUnitInvestCost = this.dataForm.value2;
          
        }else if(dataType=="alkDjc"){
          this.form.alkElectCellCapUp = this.dataForm.value1;
          this.form.alkElectCellUnitInvestCost = this.dataForm.value2;

        }else if(dataType=="pemDjc"){
       
          this.form.pemElectCellCapUp = this.dataForm.value1;
          this.form.pemElectCellUnitInvestCost = this.dataForm.value2;
          
        }else if(dataType=="aemDjc"){
       
          this.form.aemElectCellCapUp = this.dataForm.value1;
          this.form.aemElectCellUnitInvestCost = this.dataForm.value2;
        
         
        }else if(dataType=="gtcq"){
       
          this.form.gtHydrogenStorageCapUp = this.dataForm.value1;
          this.form.gtHydrogenStorageUnitInvestCost = this.dataForm.value2;
        
        }else if(dataType=="qtcq"){
       
          this.form.qtHydrogenStorageCapUp = this.dataForm.value1;
          this.form.qtHydrogenStorageUnitInvestCost = this.dataForm.value2;
        
        }else if(dataType=="ytcq"){
       
          this.form.ytHydrogenStorageCapUp = this.dataForm.value1;
          this.form.ytHydrogenStorageUnitInvestCost = this.dataForm.value2;
        
        }else if(dataType=="rldc"){
          this.form.fuelCellCapUp = this.dataForm.value1;
          this.form.fuelCellUnitInvestCost = this.dataForm.value2;
        }else if(dataType=="jrq"){
          this.form.collectorCapUp = this.dataForm.value1;
          this.form.collectorUnitInvestCost = this.dataForm.value2;
        }else if(dataType=="dyrb"){
          this.form.dyHeatPumpCapUp = this.dataForm.value1;
          this.form.dyHeatPumpUnitInvestCost = this.dataForm.value2;
        }else if(dataType=="kqyrb"){
          this.form.kqyHeatPumpCapUp = this.dataForm.value1;
          this.form.kqyHeatPumpUnitInvestCost = this.dataForm.value2;
        }else if(dataType=="syrb"){
          this.form.syHeatPumpCapUp = this.dataForm.value1;
          this.form.syHeatPumpUnitInvestCost = this.dataForm.value2;
        }else if(dataType=="gtxr"){
          this.form.gtThermalStorageCapUp = this.dataForm.value1;
          this.form.gtThermalStorageUnitInvestCost = this.dataForm.value2;
        }else if (dataType=="sxr"){
          this.form.waterThermalStorageCapUp = this.dataForm.value1;
          this.form.waterThermalStorageUnitInvestCost = this.dataForm.value2;
        }else if(dataType=="xsszl"){
          this.form.absorptionRefrigeraCapUp = this.dataForm.value1;
          this.form.absorptionRefrigeraUnitInvestCost = this.dataForm.value2;
        }else if(dataType=="sxl"){
          this.form.chilledWaterThermalStorageCapUp = this.dataForm.value1; 
          this.form.chilledWaterThermalStorageUnitInvestCost = this.dataForm.value2;
        }else if(dataType=="bxl"){
          this.form.iceThermalStorageCapUp = this.dataForm.value1; 
          this.form.iceThermalStorageUnitInvestCost = this.dataForm.value2;
        }else if(dataType=="gyfcq"){
          this.form.hydrogenPurchaseLimit = this.dataForm.value1; 
        }

        this.dialogShowFlag = false;
      },
      closeDialog : function(){
        this.dialogShowFlag = false;
      },
        
      deleteScheme : function(){
        var vm = this;
        this.$confirm('确认删除该方案吗?', '提示', {
          confirmButtonText: '确定',
          cancelButtonText: '取消',
          type: 'warning'
        }).then(() => {

          this.$http.post('/iepsapi/ea/hpEconomicAnalysis/deleteScheme?schemeId='+this.checkScheme+"&tableName=he_scheme_selection").then((res) => {
            vm.querySchemeList();
          })

        })



      },

      querySchemeList : function(){

        var vm = this;

        this.$http.post('/iepsapi/ea/hpEconomicAnalysis/querySchemeList?projectId='+this.projectId+"&tableName=he_scheme_selection").then((res) => {
          var result = res.data;
        
          if(result){

            vm.checkScheme = result.checkScheme;
            
            if(result.schemeLists){
              vm.schemeLists = result.schemeLists;
            }

            vm.queryScheme();
          }
        }).catch((error) => {
          console.log(error);
        });

      },

      queryScheme : function(){

        if(this.checkScheme!=0){

          var vm = this;

          this.$http.post('/iepsapi/ea/hpEconomicAnalysis/queryScheme?schemeId='+this.checkScheme+"&tableName=he_scheme_selection&projectId="+this.projectId).then((res) => {
            var result = res.data.data;

            if(result){
              vm.form = result;
              
              //////
              var color1 = "#6ba785";
              var color2 = "#4AA0D6"; 
              var color3 = "#FF0000";  
              var color4 = "#7030A0"; 

              var anchor = ['Bottom', 'Top'];

              if(vm.form.isHavaDw=="1"){
                $("#areaDiv1").show(1000);
                vm.connectDiv("anchorPoin-1","anchorPoin1",anchor,"Straight",color1,"");
                vm.connectDiv("anchorPoin1","anchorPoin-1",anchor,"Straight",color1,"");
              }else{
              
                var key = "anchorPoin-1_anchorPoin1";

                var connRem = vm.connectionMaps.get(key);

                if(connRem){ 
                  vm.$jsPlumbObj.deleteConnection(connRem);  
                  vm.connectionMaps.put(key,"");
                }

                var key = "anchorPoin1_anchorPoin-1";

                var connRem = vm.connectionMaps.get(key);

                if(connRem){ 
                  vm.$jsPlumbObj.deleteConnection(connRem);  
                  vm.connectionMaps.put(key,"");
                }


                $("#areaDiv1").hide(1000);
                vm.form.electricityPurchaseLimit = "0";
                vm.form.electricitySalesCeiling = "0"; 

              }

              
              if(vm.form.isHavaGfHeat=="1"){
                $("#areaDiv2").show(1000);

                vm.connectDiv("anchorPoin-2","anchorPoin2",anchor,"Straight",color3,"");
                vm.connectDiv("anchorPoin-3","anchorPoin3",anchor,"Straight",color1,"");

              }else{
              
                var key = "anchorPoin-2_anchorPoin2";

                var connRem = vm.connectionMaps.get(key);
            
                if(connRem){ 
                  vm.$jsPlumbObj.deleteConnection(connRem);  
                  vm.connectionMaps.put(key,"");
                }

                var key = "anchorPoin-3_anchorPoin3";

                var connRem = vm.connectionMaps.get(key);

                if(connRem){ 
                  vm.$jsPlumbObj.deleteConnection(connRem);  
                  vm.connectionMaps.put(key,"");
                }


                $("#areaDiv2").hide(1000);
                vm.form.photovoltaicHeatCapUp = "0";
                vm.form.photovoltaicHeatUnitInvestCost = "0"; 
              }


              if(vm.form.isHavaGf=="1"){
                $("#areaDiv3").show(1000);
                vm.connectDiv("anchorPoin-4","anchorPoin4",anchor,"Straight",color1,"");

              }else{
              
                var key = "anchorPoin-4_anchorPoin4";

                var connRem = vm.connectionMaps.get(key);
            
                if(connRem){ 
                  vm.$jsPlumbObj.deleteConnection(connRem);  
                  vm.connectionMaps.put(key,"");
                }

                $("#areaDiv3").hide(1000);
                vm.form.photovoltaicCapUp = "0";
                vm.form.photovoltaicUnitInvestCost = "0"; 
              }


              if(vm.form.isHavaFj=="1"){
                $("#areaDiv4").show(1000); 
                vm.connectDiv("anchorPoin-5","anchorPoin5",anchor,"Straight",color1,""); 
              }else{
                $("#areaDiv4").hide(1000);
                vm.form.fanCapUp = "0";
                vm.form.fanUnitInvestCost = "0"; 
                            
                var key = "anchorPoin-5_anchorPoin5";

                var connRem = vm.connectionMaps.get(key);
            
                if(connRem){ 
                  vm.$jsPlumbObj.deleteConnection(connRem);  
                  vm.connectionMaps.put(key,"");
                }

              }

              
              if(vm.form.isHavaLdc=="1"){
                $("#areaDiv5").show(1000); 
                setTimeout(function(){
                  vm.connectDiv("anchorPoin-7","anchorPoin7",anchor,"Straight",color1,"");
                  vm.connectDiv("anchorPoin7","anchorPoin-7",anchor,"Straight",color1,"");
                },1001);
              }else{
                $("#areaDiv5").hide(1000);
                vm.form.lithiumaBatteryCapUp = "0";
                vm.form.lithiumaBatteryUnitInvestCost = "0"; 
                
                var key = "anchorPoin-7_anchorPoin7";

                var connRem = vm.connectionMaps.get(key);
            
                if(connRem){ 
                  vm.$jsPlumbObj.deleteConnection(connRem);  
                  vm.connectionMaps.put(key,"");
                }
                var key = "anchorPoin7_anchorPoin-7";

                var connRem = vm.connectionMaps.get(key);

                if(connRem){ 
                  vm.$jsPlumbObj.deleteConnection(connRem);  
                  vm.connectionMaps.put(key,"");
                }
              }

              
              if(vm.form.isHavaQsdc=="1"){
                $("#areaDiv6").show(1000); 
                setTimeout(function(){
                  vm.connectDiv("anchorPoin-8","anchorPoin8",anchor,"Straight",color1,"");
                  vm.connectDiv("anchorPoin8","anchorPoin-8",anchor,"Straight",color1,"");
                },1001);
              }else{
                $("#areaDiv6").hide(1000);
                vm.form.leadAcidCapUp = "0";
                vm.form.leadAcidUnitInvestCost = "0"; 
                
                var key = "anchorPoin-8_anchorPoin8";

                var connRem = vm.connectionMaps.get(key);

                if(connRem){ 
                  vm.$jsPlumbObj.deleteConnection(connRem);  
                  vm.connectionMaps.put(key,"");
                }
                var key = "anchorPoin8_anchorPoin-8";

                var connRem = vm.connectionMaps.get(key);

                if(connRem){ 
                  vm.$jsPlumbObj.deleteConnection(connRem);  
                  vm.connectionMaps.put(key,"");
                }
              }

              if(vm.form.isHavaGyfcq=="1"){
                $("#areaDiv7").show(1000); 

                setTimeout(function(){
                  vm.connectDiv("anchorPoin-9","anchorPoin9",anchor,"Straight",color2,""); 
                },1001);
              
              }else{
                $("#areaDiv7").hide(1000);

                vm.form.hydrogenPurchaseLimit = "0"; 
                  
                var key = "anchorPoin-9_anchorPoin9";

                var connRem = vm.connectionMaps.get(key);
            
                if(connRem){ 
                  vm.$jsPlumbObj.deleteConnection(connRem);  
                  vm.connectionMaps.put(key,"");
                }

              }

              
              if(vm.form.isHavaAlkDjc=="1"){
                $("#areaDiv77").show(1000); 

                setTimeout(function(){
                  vm.connectDiv("anchorPoin-10","anchorPoin10",anchor,"Straight",color1,"");
                  vm.connectDiv("anchorPoin-11","anchorPoin11",anchor,"Straight",color2,"");
                },1001);
                

              }else{
                $("#areaDiv77").hide(1000);

                vm.form.alkElectCellCapUp = "0";
                vm.form.alkElectCellUnitInvestCost = "0";
                
                  
                var key = "anchorPoin-10_anchorPoin10";

                var connRem = vm.connectionMaps.get(key);
            
                if(connRem){ 
                  vm.$jsPlumbObj.deleteConnection(connRem);  
                  vm.connectionMaps.put(key,"");
                }
                
                var key = "anchorPoin-11_anchorPoin11";

                var connRem = vm.connectionMaps.get(key);
            
                if(connRem){ 
                  vm.$jsPlumbObj.deleteConnection(connRem);  
                  vm.connectionMaps.put(key,"");
                }
              }

              
              if(vm.form.isHavaPemDjc=="1"){
                $("#areaDiv8").show(1000); 


                setTimeout(function(){
                  vm.connectDiv("anchorPoin-14","anchorPoin14",anchor,"Straight",color1,"");
                  vm.connectDiv("anchorPoin-15","anchorPoin15",anchor,"Straight",color2,"");
                },1001);

              }else{
                $("#areaDiv8").hide(1000);

                vm.form.pemElectCellCapUp = "0";
                vm.form.pemElectCellUnitInvestCost = "0";
                
                  
                var key = "anchorPoin-14_anchorPoin14";

                var connRem = vm.connectionMaps.get(key);
            
                if(connRem){ 
                  vm.$jsPlumbObj.deleteConnection(connRem);  
                  vm.connectionMaps.put(key,"");
                }
            
                var key = "anchorPoin-15_anchorPoin15";

                var connRem = vm.connectionMaps.get(key);
            
                if(connRem){ 
                  vm.$jsPlumbObj.deleteConnection(connRem);  
                  vm.connectionMaps.put(key,"");
                }

              }

              
              if(vm.form.isHavaAemDjc=="1"){
                $("#areaDiv9").show(1000); 


                setTimeout(function(){
                  vm.connectDiv("anchorPoin-17","anchorPoin17",anchor,"Straight",color1,"");
                  vm.connectDiv("anchorPoin-18","anchorPoin18",anchor,"Straight",color2,"");
                },1001);

              }else{
                $("#areaDiv9").hide(1000);

                vm.form.aemElectCellCapUp = "0";
                vm.form.aemElectCellUnitInvestCost = "0";
                
                  
                var key = "anchorPoin-17_anchorPoin17";

                var connRem = vm.connectionMaps.get(key);
            
                if(connRem){ 
                  vm.$jsPlumbObj.deleteConnection(connRem);  
                  vm.connectionMaps.put(key,"");
                }
            
                var key = "anchorPoin-18_anchorPoin18";

                var connRem = vm.connectionMaps.get(key);
            
                if(connRem){ 
                  vm.$jsPlumbObj.deleteConnection(connRem);  
                  vm.connectionMaps.put(key,"");
                }

              }

              
              if(vm.form.isHavaGtcq=="1"){
                $("#areaDiv10").show(1000); 


                setTimeout(function(){
                  vm.connectDiv("anchorPoin-20","anchorPoin20",anchor,"Straight",color1,"");
                  vm.connectDiv("anchorPoin-21","anchorPoin21",anchor,"Straight",color2,"");
                },1001);

              }else{
                $("#areaDiv10").hide(1000);

                vm.form.gtHydrogenStorageCapUp = "0";
                vm.form.gtHydrogenStorageUnitInvestCost = "0";
                
                    
                var key = "anchorPoin-20_anchorPoin20";

                var connRem = vm.connectionMaps.get(key);
            
                if(connRem){ 
                  vm.$jsPlumbObj.deleteConnection(connRem);  
                  vm.connectionMaps.put(key,"");
                }
            
                var key = "anchorPoin-21_anchorPoin21";

                var connRem = vm.connectionMaps.get(key);
            
                if(connRem){ 
                  vm.$jsPlumbObj.deleteConnection(connRem);  
                  vm.connectionMaps.put(key,"");
                }

              }

              
              if(vm.form.isHavaQtcq=="1"){
                $("#areaDiv11").show(1000); 


                setTimeout(function(){
                  vm.connectDiv("anchorPoin-22","anchorPoin22",anchor,"Straight",color1,"");
                  vm.connectDiv("anchorPoin-23","anchorPoin23",anchor,"Straight",color2,"");
                },1001);

              }else{
                $("#areaDiv11").hide(1000);

                vm.form.qtHydrogenStorageCapUp = "0";
                vm.form.qtHydrogenStorageUnitInvestCost = "0";
                
                    
                var key = "anchorPoin-22_anchorPoin22";

                var connRem = vm.connectionMaps.get(key);
            
                if(connRem){ 
                  vm.$jsPlumbObj.deleteConnection(connRem);  
                  vm.connectionMaps.put(key,"");
                }
            
                var key = "anchorPoin-23_anchorPoin23";

                var connRem = vm.connectionMaps.get(key);
            
                if(connRem){ 
                  vm.$jsPlumbObj.deleteConnection(connRem);  
                  vm.connectionMaps.put(key,"");
                }

              }

              
              if(vm.form.isHavaYtcq=="1"){
                $("#areaDiv12").show(1000); 


                setTimeout(function(){
                  vm.connectDiv("anchorPoin-25","anchorPoin25",anchor,"Straight",color1,"");
                  vm.connectDiv("anchorPoin-26","anchorPoin26",anchor,"Straight",color2,"");
                },1001);

              }else{
                $("#areaDiv12").hide(1000);

                vm.form.ytHydrogenStorageCapUp = "0";
                vm.form.ytHydrogenStorageUnitInvestCost = "0";
                
                    
                var key = "anchorPoin-25_anchorPoin25";

                var connRem = vm.connectionMaps.get(key);
            
                if(connRem){ 
                  vm.$jsPlumbObj.deleteConnection(connRem);  
                  vm.connectionMaps.put(key,"");
                }
            
                var key = "anchorPoin-26_anchorPoin26";

                var connRem = vm.connectionMaps.get(key);
            
                if(connRem){ 
                  vm.$jsPlumbObj.deleteConnection(connRem);  
                  vm.connectionMaps.put(key,"");
                }

              }

 
                
              if(vm.form.isHavaRldc=="1"){
                $("#areaDiv13").show(1000); 
              
                setTimeout(function(){
                  vm.connectDiv("anchorPoin27","anchorPoin-27",anchor,"Straight",color1,"");
                  vm.connectDiv("anchorPoin-28","anchorPoin28",anchor,"Straight",color3,"");
                  vm.connectDiv("anchorPoin-29","anchorPoin29",anchor,"Straight",color2,"");

                },1001);
                
              }else{
                $("#areaDiv13").hide(1000);

                vm.form.fuelCellCapUp = "0";
                vm.form.fuelCellUnitInvestCost = "0";
                
                  
                var key = "anchorPoin27_anchorPoin-27";

                var connRem = vm.connectionMaps.get(key);
            
                if(connRem){ 
                  vm.$jsPlumbObj.deleteConnection(connRem);  
                  vm.connectionMaps.put(key,"");
                }
                  
                var key = "anchorPoin-28_anchorPoin28";

                var connRem = vm.connectionMaps.get(key);
            
                if(connRem){ 
                  vm.$jsPlumbObj.deleteConnection(connRem);  
                  vm.connectionMaps.put(key,"");
                }
                  
                var key = "anchorPoin-29_anchorPoin29";

                var connRem = vm.connectionMaps.get(key);
            
                if(connRem){ 
                  vm.$jsPlumbObj.deleteConnection(connRem);  
                  vm.connectionMaps.put(key,"");
                }


              }

              
              if(vm.form.isHavaJrq=="1"){
                $("#areaDiv14").show(1000); 
              
                setTimeout(function(){
                  vm.connectDiv("anchorPoin-30","anchorPoin30",anchor,"Straight",color3,"");
                },1001);
                
              }else{
                $("#areaDiv14").hide(1000);

                vm.form.collectorCapUp = "0";
                vm.form.collectorUnitInvestCost = "0";
                  
                var key = "anchorPoin-30_anchorPoin30";

                var connRem = vm.connectionMaps.get(key);
            
                if(connRem){ 
                  vm.$jsPlumbObj.deleteConnection(connRem);  
                  vm.connectionMaps.put(key,"");
                }

              }

              
              if(vm.form.isHavaDyrb=="1"){
                $("#areaDiv15").show(1000); 
              
                setTimeout(function(){
                  vm.connectDiv("anchorPoin-13","anchorPoin13",anchor,"Straight",color1,"");
                  vm.connectDiv("anchorPoin-31","anchorPoin31",anchor,"Straight",color3,"");
                  vm.connectDiv("anchorPoin-32","anchorPoin32",anchor,"Straight",color4,"");

                },1001);
                
              }else{
                $("#areaDiv15").hide(1000);

                vm.form.dyHeatPumpCapUp = "0";
                vm.form.dyHeatPumpUnitInvestCost = "0";
                  
                var key = "anchorPoin-13_anchorPoin13";

                var connRem = vm.connectionMaps.get(key);
            
                if(connRem){ 
                  vm.$jsPlumbObj.deleteConnection(connRem);  
                  vm.connectionMaps.put(key,"");
                }

              

                  
                var key = "anchorPoin-31_anchorPoin31";

                var connRem = vm.connectionMaps.get(key);

                if(connRem){ 
                  vm.$jsPlumbObj.deleteConnection(connRem);  
                  vm.connectionMaps.put(key,"");
                }

                var key = "anchorPoin-32_anchorPoin32";

                var connRem = vm.connectionMaps.get(key);

                if(connRem){ 
                  vm.$jsPlumbObj.deleteConnection(connRem);  
                  vm.connectionMaps.put(key,"");
                }
              }

              
              if(vm.form.isHavaKqyrb=="1"){
                $("#areaDiv16").show(1000); 
              
                setTimeout(function(){
                  vm.connectDiv("anchorPoin-16","anchorPoin16",anchor,"Straight",color1,"");
                  vm.connectDiv("anchorPoin-33","anchorPoin33",anchor,"Straight",color3,"");
                  vm.connectDiv("anchorPoin-34","anchorPoin34",anchor,"Straight",color4,"");

                },1001);
                
              }else{
                $("#areaDiv16").hide(1000);

                vm.form.kqyHeatPumpCapUp = "0";
                vm.form.kqyHeatPumpUnitInvestCost = "0";
                  
                var key = "anchorPoin-16_anchorPoin16";

                var connRem = vm.connectionMaps.get(key);
            
                if(connRem){ 
                  vm.$jsPlumbObj.deleteConnection(connRem);  
                  vm.connectionMaps.put(key,"");
                }

                var key = "anchorPoin-33_anchorPoin33";

                var connRem = vm.connectionMaps.get(key);

                if(connRem){ 
                  vm.$jsPlumbObj.deleteConnection(connRem);  
                  vm.connectionMaps.put(key,"");
                }

                var key = "anchorPoin-34_anchorPoin34";

                var connRem = vm.connectionMaps.get(key);

                if(connRem){ 
                  vm.$jsPlumbObj.deleteConnection(connRem);  
                  vm.connectionMaps.put(key,"");
                }
              }

              
              if(vm.form.isHavaSyrb=="1"){
                $("#areaDiv17").show(1000); 
              
                setTimeout(function(){
                  vm.connectDiv("anchorPoin-19","anchorPoin19",anchor,"Straight",color1,"");
                  vm.connectDiv("anchorPoin-35","anchorPoin35",anchor,"Straight",color3,"");
                  vm.connectDiv("anchorPoin-36","anchorPoin36",anchor,"Straight",color4,"");

                },1001);
                
              }else{
                $("#areaDiv17").hide(1000);

                vm.form.syHeatPumpCapUp = "0";
                vm.form.syHeatPumpUnitInvestCost = "0";
                  
                var key = "anchorPoin-19_anchorPoin19";

                var connRem = vm.connectionMaps.get(key);
            
                if(connRem){ 
                  vm.$jsPlumbObj.deleteConnection(connRem);  
                  vm.connectionMaps.put(key,"");
                }

                var key = "anchorPoin-35_anchorPoin35";

                var connRem = vm.connectionMaps.get(key);

                if(connRem){ 
                  vm.$jsPlumbObj.deleteConnection(connRem);  
                  vm.connectionMaps.put(key,"");
                }

                var key = "anchorPoin-36_anchorPoin36";

                var connRem = vm.connectionMaps.get(key);

                if(connRem){ 
                  vm.$jsPlumbObj.deleteConnection(connRem);  
                  vm.connectionMaps.put(key,"");
                }
              }

              
              if(vm.form.isHavaGtxr=="1"){
                $("#areaDiv18").show(1000); 
              
                setTimeout(function(){
                  vm.connectDiv("anchorPoin-24","anchorPoin24",anchor,"Straight",color1,"");
                  vm.connectDiv("anchorPoin-136","anchorPoin136",anchor,"Straight",color3,""); 
                  vm.connectDiv("anchorPoin136","anchorPoin-136",anchor,"Straight",color3,""); 

                },1001);
                
              }else{
                $("#areaDiv18").hide(1000);

                vm.form.gtThermalStorageCapUp = "0";
                vm.form.gtThermalStorageUnitInvestCost = "0";
              
                var key = "anchorPoin-24_anchorPoin24";

                var connRem = vm.connectionMaps.get(key);
            
                if(connRem){ 
                  vm.$jsPlumbObj.deleteConnection(connRem);  
                  vm.connectionMaps.put(key,"");
                }

                var key = "anchorPoin-136_anchorPoin136";

                var connRem = vm.connectionMaps.get(key);

                if(connRem){ 
                  vm.$jsPlumbObj.deleteConnection(connRem);  
                  vm.connectionMaps.put(key,"");
                }
                            
                var key = "anchorPoin136_anchorPoin-136";

                var connRem = vm.connectionMaps.get(key);

                if(connRem){ 
                  vm.$jsPlumbObj.deleteConnection(connRem);  
                  vm.connectionMaps.put(key,"");
                }
              }
              
              if(vm.form.isHavaSxr=="1"){
                $("#areaDiv19").show(1000); 
              
                setTimeout(function(){
                  vm.connectDiv("anchorPoin-37","anchorPoin37",anchor,"Straight",color3,""); 
                  vm.connectDiv("anchorPoin37","anchorPoin-37",anchor,"Straight",color3,""); 

                },1001);
                
              }else{
                $("#areaDiv19").hide(1000);

                vm.form.waterThermalStorageCapUp = "0";
                vm.form.waterThermalStorageUnitInvestCost = "0";
                  
                var key = "anchorPoin-37_anchorPoin37";

                var connRem = vm.connectionMaps.get(key);

                if(connRem){ 
                  vm.$jsPlumbObj.deleteConnection(connRem);  
                  vm.connectionMaps.put(key,"");
                }
                  
                var key = "anchorPoin37_anchorPoin-37";

                var connRem = vm.connectionMaps.get(key);

                if(connRem){ 
                  vm.$jsPlumbObj.deleteConnection(connRem);  
                  vm.connectionMaps.put(key,"");
                }

              }
          
              
              if(vm.form.isHavaXsszl=="1"){
                $("#areaDiv20").show(1000); 
              
                setTimeout(function(){
                  vm.connectDiv("anchorPoin-39","anchorPoin39",anchor,"Straight",color3,""); 
                  vm.connectDiv("anchorPoin-40","anchorPoin40",anchor,"Straight",color4,""); 

                },1001);
                
              }else{
                $("#areaDiv20").hide(1000);

                vm.form.absorptionRefrigeraCapUp = "0";
                vm.form.absorptionRefrigeraUnitInvestCost = "0";
                  
                var key = "anchorPoin-39_anchorPoin39";

                var connRem = vm.connectionMaps.get(key);

                if(connRem){ 
                  vm.$jsPlumbObj.deleteConnection(connRem);  
                  vm.connectionMaps.put(key,"");
                }
                  
                var key = "anchorPoin-40_anchorPoin40";

                var connRem = vm.connectionMaps.get(key);

                if(connRem){ 
                  vm.$jsPlumbObj.deleteConnection(connRem);  
                  vm.connectionMaps.put(key,"");
                }

              }
          
              
              if(vm.form.isHavaSxl=="1"){
                $("#areaDiv21").show(1000); 
              
                setTimeout(function(){
                  vm.connectDiv("anchorPoin-41","anchorPoin41",anchor,"Straight",color4,""); 
                  vm.connectDiv("anchorPoin41","anchorPoin-41",anchor,"Straight",color4,""); 

                },1001);
                
              }else{
                $("#areaDiv21").hide(1000);

                vm.form.chilledWaterThermalStorageCapUp = "0";
                vm.form.chilledWaterThermalStorageUnitInvestCost = "0";
                  
                var key = "anchorPoin-41_anchorPoin41";

                var connRem = vm.connectionMaps.get(key);

                if(connRem){ 
                  vm.$jsPlumbObj.deleteConnection(connRem);  
                  vm.connectionMaps.put(key,"");
                }
                  
                var key = "anchorPoin41_anchorPoin-41";

                var connRem = vm.connectionMaps.get(key);

                if(connRem){ 
                  vm.$jsPlumbObj.deleteConnection(connRem);  
                  vm.connectionMaps.put(key,"");
                }

              }
          
              
              if(vm.form.isHavaBxl=="1"){
                $("#areaDiv22").show(1000); 
              
                setTimeout(function(){
                  vm.connectDiv("anchorPoin-38","anchorPoin38",anchor,"Straight",color1,""); 

                  vm.connectDiv("anchorPoin-42","anchorPoin42",anchor,"Straight",color4,""); 
                  vm.connectDiv("anchorPoin42","anchorPoin-42",anchor,"Straight",color4,""); 

                },1001);
                
              }else{
                $("#areaDiv22").hide(1000);

                vm.form.iceThermalStorageCapUp = "0";
                vm.form.iceThermalStorageUnitInvestCost = "0";
                  
                var key = "anchorPoin-38_anchorPoin38";

                var connRem = vm.connectionMaps.get(key);

                if(connRem){ 
                  vm.$jsPlumbObj.deleteConnection(connRem);  
                  vm.connectionMaps.put(key,"");
                }
                  
                var key = "anchorPoin42_anchorPoin-42";

                var connRem = vm.connectionMaps.get(key);

                if(connRem){ 
                  vm.$jsPlumbObj.deleteConnection(connRem);  
                  vm.connectionMaps.put(key,"");
                }

                          
                var key = "anchorPoin-42_anchorPoin42";

                var connRem = vm.connectionMaps.get(key);

                if(connRem){ 
                  vm.$jsPlumbObj.deleteConnection(connRem);  
                  vm.connectionMaps.put(key,"");
                }


              }
            

               
              
            }


          }).catch((error) => {
            console.log(error);
          });

        }
          


      },

      addScheme : function(){
        
        var schemeLists = this.schemeLists;
        var maxNo = 0;
        var valueNo = "-1";

        if(schemeLists){
          for(var i = 0;i<schemeLists.length;i++){
            var value = schemeLists[i].value;
            var label = schemeLists[i].label;

            var num = value.replace(/[^\d]/g,' ');
            if(num>maxNo){
              maxNo = num;
            }
            if(label=="0"){
              valueNo = "0";
            }
          }
        }
        var scheme = {
          label:"0",
          value:"预设方案"+(parseInt(maxNo)+1)
        }

        var vm = this;
 
        this.$prompt('请输入方案名称', '提示', {
          confirmButtonText: '确定',
          inputValue: "预设方案"+(parseInt(maxNo)+1),
          cancelButtonText: '取消',
        }).then(({ value }) => {

          if(value!=null&&value!=""){
      
            if(valueNo!="0"){

              scheme.value = value;

              vm.schemeLists.push(scheme);
              vm.checkScheme = "0";

              vm.form = {
                id:"",
                projectId:this.projectId,
                schemeName:value,
                checkScheme:"",
                isHavaDw: '1',
                isHavaGfHeat: '1',
                isHavaGf: '1',
                isHavaFj: '1',
                isHavaLdc : "1", 
                isHavaQsdc: '1',
                isHavaGyfcq : "1",
                isHavaAlkDjc: "1",
                isHavaPemDjc: "1",
                isHavaAemDjc: "1",
                isHavaGtcq : "1",
                isHavaQtcq : "1",
                isHavaYtcq : "1",
                isHavaRldc : "1",
                isHavaJrq : "1",
                isHavaDyrb : "1",
                isHavaKqyrb : "1",
                isHavaSyrb : "1",
                isHavaGtxr : "1",
                isHavaSxr : "1",
                isHavaXsszl : "1",
                isHavaSxl : "1",
                isHavaBxl: "1",

                configureTarget:"1", 
                electricityPurchaseLimit : "1100",
                electricitySalesCeiling : "500",

                photovoltaicHeatCapUp : "10000",
                photovoltaicHeatUnitInvestCost : "7000", 

                photovoltaicCapUp : "10000",
                photovoltaicUnitInvestCost : "3500", 

      
                fanCapUp : "10000",
                fanUnitInvestCost : "5500",

                lithiumaBatteryCapUp : "5000",
                lithiumaBatteryUnitInvestCost : "1500",

                leadAcidCapUp : "5000",
                leadAcidUnitInvestCost : "800",
              
                hydrogenPurchaseLimit : "10", 

                
                alkElectCellCapUp : "1000",
                alkElectCellUnitInvestCost : "8000",

                pemElectCellCapUp : "1000",
                pemElectCellUnitInvestCost : "10000",
                
                aemElectCellCapUp : "1000",
                aemElectCellUnitInvestCost : "9000",
                
                    
                gtHydrogenStorageCapUp : "10",
                gtHydrogenStorageUnitInvestCost : "8000",
                
                    
                qtHydrogenStorageCapUp : "10",
                qtHydrogenStorageUnitInvestCost : "6000",
                        
                ytHydrogenStorageCapUp : "10",
                ytHydrogenStorageUnitInvestCost : "7000",
                           
                
                fuelCellCapUp : "1000",
                fuelCellUnitInvestCost : "8000",

                collectorCapUp : "5000",
                collectorUnitInvestCost : "3000",
            
                dyHeatPumpCapUp : "3000", 
                dyHeatPumpUnitInvestCost : "6000",

                kqyHeatPumpCapUp : "3000", 
                kqyHeatPumpUnitInvestCost : "4000",

                syHeatPumpCapUp : "3000", 
                syHeatPumpUnitInvestCost : "5000",

                
                gtThermalStorageCapUp : "2000",
                gtThermalStorageUnitInvestCost : "300",

                waterThermalStorageCapUp : "2000",
                waterThermalStorageUnitInvestCost : "150",
 

                absorptionRefrigeraCapUp : "3000",
                absorptionRefrigeraUnitInvestCost : "1400",

                chilledWaterThermalStorageCapUp : "2000",
                chilledWaterThermalStorageUnitInvestCost : "30",

                iceThermalStorageCapUp : "2000",
                iceThermalStorageUnitInvestCost : "80",
                calculationStatus:"0"

              };


              ////
              
              var color1 = "#6ba785";
              var color2 = "#4AA0D6"; 
              var color3 = "#FF0000";  
              var color4 = "#7030A0"; 

              var anchor = ['Bottom', 'Top'];

              if(vm.form.isHavaDw=="1"){
                $("#areaDiv1").show(1000);
                vm.connectDiv("anchorPoin-1","anchorPoin1",anchor,"Straight",color1,"");
                vm.connectDiv("anchorPoin1","anchorPoin-1",anchor,"Straight",color1,"");
              }else{
              
                var key = "anchorPoin-1_anchorPoin1";

                var connRem = vm.connectionMaps.get(key);

                if(connRem){ 
                  vm.$jsPlumbObj.deleteConnection(connRem);  
                  vm.connectionMaps.put(key,"");
                }

                var key = "anchorPoin1_anchorPoin-1";

                var connRem = vm.connectionMaps.get(key);

                if(connRem){ 
                  vm.$jsPlumbObj.deleteConnection(connRem);  
                  vm.connectionMaps.put(key,"");
                }


                $("#areaDiv1").hide(1000);
                vm.form.electricityPurchaseLimit = "0";
                vm.form.electricitySalesCeiling = "0"; 

              }

              
              if(vm.form.isHavaGfHeat=="1"){
                $("#areaDiv2").show(1000);

                vm.connectDiv("anchorPoin-2","anchorPoin2",anchor,"Straight",color3,"");
                vm.connectDiv("anchorPoin-3","anchorPoin3",anchor,"Straight",color1,"");

              }else{
              
                var key = "anchorPoin-2_anchorPoin2";

                var connRem = vm.connectionMaps.get(key);
            
                if(connRem){ 
                  vm.$jsPlumbObj.deleteConnection(connRem);  
                  vm.connectionMaps.put(key,"");
                }

                var key = "anchorPoin-3_anchorPoin3";

                var connRem = vm.connectionMaps.get(key);

                if(connRem){ 
                  vm.$jsPlumbObj.deleteConnection(connRem);  
                  vm.connectionMaps.put(key,"");
                }


                $("#areaDiv2").hide(1000);
                vm.form.photovoltaicHeatCapUp = "0";
                vm.form.photovoltaicHeatUnitInvestCost = "0"; 
              }


              if(vm.form.isHavaGf=="1"){
                $("#areaDiv3").show(1000);
                vm.connectDiv("anchorPoin-4","anchorPoin4",anchor,"Straight",color1,"");

              }else{
              
                var key = "anchorPoin-4_anchorPoin4";

                var connRem = vm.connectionMaps.get(key);
            
                if(connRem){ 
                  vm.$jsPlumbObj.deleteConnection(connRem);  
                  vm.connectionMaps.put(key,"");
                }

                $("#areaDiv3").hide(1000);
                vm.form.photovoltaicCapUp = "0";
                vm.form.photovoltaicUnitInvestCost = "0"; 
              }


              if(vm.form.isHavaFj=="1"){
                $("#areaDiv4").show(1000); 
                vm.connectDiv("anchorPoin-5","anchorPoin5",anchor,"Straight",color1,""); 
              }else{
                $("#areaDiv4").hide(1000);
                vm.form.fanCapUp = "0";
                vm.form.fanUnitInvestCost = "0"; 
                            
                var key = "anchorPoin-5_anchorPoin5";

                var connRem = vm.connectionMaps.get(key);
            
                if(connRem){ 
                  vm.$jsPlumbObj.deleteConnection(connRem);  
                  vm.connectionMaps.put(key,"");
                }

              }

              
              if(vm.form.isHavaLdc=="1"){
                $("#areaDiv5").show(1000); 
                setTimeout(function(){
                  vm.connectDiv("anchorPoin-7","anchorPoin7",anchor,"Straight",color1,"");
                  vm.connectDiv("anchorPoin7","anchorPoin-7",anchor,"Straight",color1,"");
                },1001);
              }else{
                $("#areaDiv5").hide(1000);
                vm.form.lithiumaBatteryCapUp = "0";
                vm.form.lithiumaBatteryUnitInvestCost = "0"; 
                
                var key = "anchorPoin-7_anchorPoin7";

                var connRem = vm.connectionMaps.get(key);
            
                if(connRem){ 
                  vm.$jsPlumbObj.deleteConnection(connRem);  
                  vm.connectionMaps.put(key,"");
                }
                var key = "anchorPoin7_anchorPoin-7";

                var connRem = vm.connectionMaps.get(key);

                if(connRem){ 
                  vm.$jsPlumbObj.deleteConnection(connRem);  
                  vm.connectionMaps.put(key,"");
                }
              }

              
              if(vm.form.isHavaQsdc=="1"){
                $("#areaDiv6").show(1000); 
                setTimeout(function(){
                  vm.connectDiv("anchorPoin-8","anchorPoin8",anchor,"Straight",color1,"");
                  vm.connectDiv("anchorPoin8","anchorPoin-8",anchor,"Straight",color1,"");
                },1001);
              }else{
                $("#areaDiv6").hide(1000);
                vm.form.leadAcidCapUp = "0";
                vm.form.leadAcidUnitInvestCost = "0"; 
                
                var key = "anchorPoin-8_anchorPoin8";

                var connRem = vm.connectionMaps.get(key);

                if(connRem){ 
                  vm.$jsPlumbObj.deleteConnection(connRem);  
                  vm.connectionMaps.put(key,"");
                }
                var key = "anchorPoin8_anchorPoin-8";

                var connRem = vm.connectionMaps.get(key);

                if(connRem){ 
                  vm.$jsPlumbObj.deleteConnection(connRem);  
                  vm.connectionMaps.put(key,"");
                }
              }

              if(vm.form.isHavaGyfcq=="1"){
                $("#areaDiv7").show(1000); 

                setTimeout(function(){
                  vm.connectDiv("anchorPoin-9","anchorPoin9",anchor,"Straight",color2,""); 
                },1001);
              
              }else{
                $("#areaDiv7").hide(1000);

                vm.form.hydrogenPurchaseLimit = "0"; 
                  
                var key = "anchorPoin-9_anchorPoin9";

                var connRem = vm.connectionMaps.get(key);
            
                if(connRem){ 
                  vm.$jsPlumbObj.deleteConnection(connRem);  
                  vm.connectionMaps.put(key,"");
                }

              }

              
              if(vm.form.isHavaAlkDjc=="1"){
                $("#areaDiv77").show(1000); 

                setTimeout(function(){
                  vm.connectDiv("anchorPoin-10","anchorPoin10",anchor,"Straight",color1,"");
                  vm.connectDiv("anchorPoin-11","anchorPoin11",anchor,"Straight",color2,"");
                },1001);
                

              }else{
                $("#areaDiv77").hide(1000);

                vm.form.alkElectCellCapUp = "0";
                vm.form.alkElectCellUnitInvestCost = "0";
                
                  
                var key = "anchorPoin-10_anchorPoin10";

                var connRem = vm.connectionMaps.get(key);
            
                if(connRem){ 
                  vm.$jsPlumbObj.deleteConnection(connRem);  
                  vm.connectionMaps.put(key,"");
                }
                
                var key = "anchorPoin-11_anchorPoin11";

                var connRem = vm.connectionMaps.get(key);
            
                if(connRem){ 
                  vm.$jsPlumbObj.deleteConnection(connRem);  
                  vm.connectionMaps.put(key,"");
                }
              }

              
              if(vm.form.isHavaPemDjc=="1"){
                $("#areaDiv8").show(1000); 


                setTimeout(function(){
                  vm.connectDiv("anchorPoin-14","anchorPoin14",anchor,"Straight",color1,"");
                  vm.connectDiv("anchorPoin-15","anchorPoin15",anchor,"Straight",color2,"");
                },1001);

              }else{
                $("#areaDiv8").hide(1000);

                vm.form.pemElectCellCapUp = "0";
                vm.form.pemElectCellUnitInvestCost = "0";
                
                  
                var key = "anchorPoin-14_anchorPoin14";

                var connRem = vm.connectionMaps.get(key);
            
                if(connRem){ 
                  vm.$jsPlumbObj.deleteConnection(connRem);  
                  vm.connectionMaps.put(key,"");
                }
            
                var key = "anchorPoin-15_anchorPoin15";

                var connRem = vm.connectionMaps.get(key);
            
                if(connRem){ 
                  vm.$jsPlumbObj.deleteConnection(connRem);  
                  vm.connectionMaps.put(key,"");
                }

              }

              
              if(vm.form.isHavaAemDjc=="1"){
                $("#areaDiv9").show(1000); 


                setTimeout(function(){
                  vm.connectDiv("anchorPoin-17","anchorPoin17",anchor,"Straight",color1,"");
                  vm.connectDiv("anchorPoin-18","anchorPoin18",anchor,"Straight",color2,"");
                },1001);

              }else{
                $("#areaDiv9").hide(1000);

                vm.form.aemElectCellCapUp = "0";
                vm.form.aemElectCellUnitInvestCost = "0";
                
                  
                var key = "anchorPoin-17_anchorPoin17";

                var connRem = vm.connectionMaps.get(key);
            
                if(connRem){ 
                  vm.$jsPlumbObj.deleteConnection(connRem);  
                  vm.connectionMaps.put(key,"");
                }
            
                var key = "anchorPoin-18_anchorPoin18";

                var connRem = vm.connectionMaps.get(key);
            
                if(connRem){ 
                  vm.$jsPlumbObj.deleteConnection(connRem);  
                  vm.connectionMaps.put(key,"");
                }

              }

              
              if(vm.form.isHavaGtcq=="1"){
                $("#areaDiv10").show(1000); 


                setTimeout(function(){
                  vm.connectDiv("anchorPoin-20","anchorPoin20",anchor,"Straight",color1,"");
                  vm.connectDiv("anchorPoin-21","anchorPoin21",anchor,"Straight",color2,"");
                },1001);

              }else{
                $("#areaDiv10").hide(1000);

                vm.form.gtHydrogenStorageCapUp = "0";
                vm.form.gtHydrogenStorageUnitInvestCost = "0";
                
                    
                var key = "anchorPoin-20_anchorPoin20";

                var connRem = vm.connectionMaps.get(key);
            
                if(connRem){ 
                  vm.$jsPlumbObj.deleteConnection(connRem);  
                  vm.connectionMaps.put(key,"");
                }
            
                var key = "anchorPoin-21_anchorPoin21";

                var connRem = vm.connectionMaps.get(key);
            
                if(connRem){ 
                  vm.$jsPlumbObj.deleteConnection(connRem);  
                  vm.connectionMaps.put(key,"");
                }

              }

              
              if(vm.form.isHavaQtcq=="1"){
                $("#areaDiv11").show(1000); 


                setTimeout(function(){
                  vm.connectDiv("anchorPoin-22","anchorPoin22",anchor,"Straight",color1,"");
                  vm.connectDiv("anchorPoin-23","anchorPoin23",anchor,"Straight",color2,"");
                },1001);

              }else{
                $("#areaDiv11").hide(1000);

                vm.form.qtHydrogenStorageCapUp = "0";
                vm.form.qtHydrogenStorageUnitInvestCost = "0";
                
                    
                var key = "anchorPoin-22_anchorPoin22";

                var connRem = vm.connectionMaps.get(key);
            
                if(connRem){ 
                  vm.$jsPlumbObj.deleteConnection(connRem);  
                  vm.connectionMaps.put(key,"");
                }
            
                var key = "anchorPoin-23_anchorPoin23";

                var connRem = vm.connectionMaps.get(key);
            
                if(connRem){ 
                  vm.$jsPlumbObj.deleteConnection(connRem);  
                  vm.connectionMaps.put(key,"");
                }

              }

              
              if(vm.form.isHavaYtcq=="1"){
                $("#areaDiv12").show(1000); 


                setTimeout(function(){
                  vm.connectDiv("anchorPoin-25","anchorPoin25",anchor,"Straight",color1,"");
                  vm.connectDiv("anchorPoin-26","anchorPoin26",anchor,"Straight",color2,"");
                },1001);

              }else{
                $("#areaDiv12").hide(1000);

                vm.form.ytHydrogenStorageCapUp = "0";
                vm.form.ytHydrogenStorageUnitInvestCost = "0";
                
                    
                var key = "anchorPoin-25_anchorPoin25";

                var connRem = vm.connectionMaps.get(key);
            
                if(connRem){ 
                  vm.$jsPlumbObj.deleteConnection(connRem);  
                  vm.connectionMaps.put(key,"");
                }
            
                var key = "anchorPoin-26_anchorPoin26";

                var connRem = vm.connectionMaps.get(key);
            
                if(connRem){ 
                  vm.$jsPlumbObj.deleteConnection(connRem);  
                  vm.connectionMaps.put(key,"");
                }

              }

 
                
              if(vm.form.isHavaRldc=="1"){
                $("#areaDiv13").show(1000); 
              
                setTimeout(function(){
                  vm.connectDiv("anchorPoin27","anchorPoin-27",anchor,"Straight",color1,"");
                  vm.connectDiv("anchorPoin-28","anchorPoin28",anchor,"Straight",color3,"");
                  vm.connectDiv("anchorPoin-29","anchorPoin29",anchor,"Straight",color2,"");

                },1001);
                
              }else{
                $("#areaDiv13").hide(1000);

                vm.form.fuelCellCapUp = "0";
                vm.form.fuelCellUnitInvestCost = "0";
                
                  
                var key = "anchorPoin27_anchorPoin-27";

                var connRem = vm.connectionMaps.get(key);
            
                if(connRem){ 
                  vm.$jsPlumbObj.deleteConnection(connRem);  
                  vm.connectionMaps.put(key,"");
                }
                  
                var key = "anchorPoin-28_anchorPoin28";

                var connRem = vm.connectionMaps.get(key);
            
                if(connRem){ 
                  vm.$jsPlumbObj.deleteConnection(connRem);  
                  vm.connectionMaps.put(key,"");
                }
                  
                var key = "anchorPoin-29_anchorPoin29";

                var connRem = vm.connectionMaps.get(key);
            
                if(connRem){ 
                  vm.$jsPlumbObj.deleteConnection(connRem);  
                  vm.connectionMaps.put(key,"");
                }


              }

              
              if(vm.form.isHavaJrq=="1"){
                $("#areaDiv14").show(1000); 
              
                setTimeout(function(){
                  vm.connectDiv("anchorPoin-30","anchorPoin30",anchor,"Straight",color3,"");
                },1001);
                
              }else{
                $("#areaDiv14").hide(1000);

                vm.form.collectorCapUp = "0";
                vm.form.collectorUnitInvestCost = "0";
                  
                var key = "anchorPoin-30_anchorPoin30";

                var connRem = vm.connectionMaps.get(key);
            
                if(connRem){ 
                  vm.$jsPlumbObj.deleteConnection(connRem);  
                  vm.connectionMaps.put(key,"");
                }

              }

              
              if(vm.form.isHavaDyrb=="1"){
                $("#areaDiv15").show(1000); 
              
                setTimeout(function(){
                  vm.connectDiv("anchorPoin-13","anchorPoin13",anchor,"Straight",color1,"");
                  vm.connectDiv("anchorPoin-31","anchorPoin31",anchor,"Straight",color3,"");
                  vm.connectDiv("anchorPoin-32","anchorPoin32",anchor,"Straight",color4,"");

                },1001);
                
              }else{
                $("#areaDiv15").hide(1000);

                vm.form.dyHeatPumpCapUp = "0";
                vm.form.dyHeatPumpUnitInvestCost = "0";
                  
                var key = "anchorPoin-13_anchorPoin13";

                var connRem = vm.connectionMaps.get(key);
            
                if(connRem){ 
                  vm.$jsPlumbObj.deleteConnection(connRem);  
                  vm.connectionMaps.put(key,"");
                }

              

                  
                var key = "anchorPoin-31_anchorPoin31";

                var connRem = vm.connectionMaps.get(key);

                if(connRem){ 
                  vm.$jsPlumbObj.deleteConnection(connRem);  
                  vm.connectionMaps.put(key,"");
                }

                var key = "anchorPoin-32_anchorPoin32";

                var connRem = vm.connectionMaps.get(key);

                if(connRem){ 
                  vm.$jsPlumbObj.deleteConnection(connRem);  
                  vm.connectionMaps.put(key,"");
                }
              }

              
              if(vm.form.isHavaKqyrb=="1"){
                $("#areaDiv16").show(1000); 
              
                setTimeout(function(){
                  vm.connectDiv("anchorPoin-16","anchorPoin16",anchor,"Straight",color1,"");
                  vm.connectDiv("anchorPoin-33","anchorPoin33",anchor,"Straight",color3,"");
                  vm.connectDiv("anchorPoin-34","anchorPoin34",anchor,"Straight",color4,"");

                },1001);
                
              }else{
                $("#areaDiv16").hide(1000);

                vm.form.kqyHeatPumpCapUp = "0";
                vm.form.kqyHeatPumpUnitInvestCost = "0";
                  
                var key = "anchorPoin-16_anchorPoin16";

                var connRem = vm.connectionMaps.get(key);
            
                if(connRem){ 
                  vm.$jsPlumbObj.deleteConnection(connRem);  
                  vm.connectionMaps.put(key,"");
                }

                var key = "anchorPoin-33_anchorPoin33";

                var connRem = vm.connectionMaps.get(key);

                if(connRem){ 
                  vm.$jsPlumbObj.deleteConnection(connRem);  
                  vm.connectionMaps.put(key,"");
                }

                var key = "anchorPoin-34_anchorPoin34";

                var connRem = vm.connectionMaps.get(key);

                if(connRem){ 
                  vm.$jsPlumbObj.deleteConnection(connRem);  
                  vm.connectionMaps.put(key,"");
                }
              }

              
              if(vm.form.isHavaSyrb=="1"){
                $("#areaDiv17").show(1000); 
              
                setTimeout(function(){
                  vm.connectDiv("anchorPoin-19","anchorPoin19",anchor,"Straight",color1,"");
                  vm.connectDiv("anchorPoin-35","anchorPoin35",anchor,"Straight",color3,"");
                  vm.connectDiv("anchorPoin-36","anchorPoin36",anchor,"Straight",color4,"");

                },1001);
                
              }else{
                $("#areaDiv17").hide(1000);

                vm.form.syHeatPumpCapUp = "0";
                vm.form.syHeatPumpUnitInvestCost = "0";
                  
                var key = "anchorPoin-19_anchorPoin19";

                var connRem = vm.connectionMaps.get(key);
            
                if(connRem){ 
                  vm.$jsPlumbObj.deleteConnection(connRem);  
                  vm.connectionMaps.put(key,"");
                }

                var key = "anchorPoin-35_anchorPoin35";

                var connRem = vm.connectionMaps.get(key);

                if(connRem){ 
                  vm.$jsPlumbObj.deleteConnection(connRem);  
                  vm.connectionMaps.put(key,"");
                }

                var key = "anchorPoin-36_anchorPoin36";

                var connRem = vm.connectionMaps.get(key);

                if(connRem){ 
                  vm.$jsPlumbObj.deleteConnection(connRem);  
                  vm.connectionMaps.put(key,"");
                }
              }

              
              if(vm.form.isHavaGtxr=="1"){
                $("#areaDiv18").show(1000); 
              
                setTimeout(function(){
                  vm.connectDiv("anchorPoin-24","anchorPoin24",anchor,"Straight",color1,"");
                  vm.connectDiv("anchorPoin-136","anchorPoin136",anchor,"Straight",color3,""); 
                  vm.connectDiv("anchorPoin136","anchorPoin-136",anchor,"Straight",color3,""); 

                },1001);
                
              }else{
                $("#areaDiv18").hide(1000);

                vm.form.gtThermalStorageCapUp = "0";
                vm.form.gtThermalStorageUnitInvestCost = "0";
              
                var key = "anchorPoin-24_anchorPoin24";

                var connRem = vm.connectionMaps.get(key);
            
                if(connRem){ 
                  vm.$jsPlumbObj.deleteConnection(connRem);  
                  vm.connectionMaps.put(key,"");
                }

                var key = "anchorPoin-136_anchorPoin136";

                var connRem = vm.connectionMaps.get(key);

                if(connRem){ 
                  vm.$jsPlumbObj.deleteConnection(connRem);  
                  vm.connectionMaps.put(key,"");
                }
                            
                var key = "anchorPoin136_anchorPoin-136";

                var connRem = vm.connectionMaps.get(key);

                if(connRem){ 
                  vm.$jsPlumbObj.deleteConnection(connRem);  
                  vm.connectionMaps.put(key,"");
                }
              }
              
              if(vm.form.isHavaSxr=="1"){
                $("#areaDiv19").show(1000); 
              
                setTimeout(function(){
                  vm.connectDiv("anchorPoin-37","anchorPoin37",anchor,"Straight",color3,""); 
                  vm.connectDiv("anchorPoin37","anchorPoin-37",anchor,"Straight",color3,""); 

                },1001);
                
              }else{
                $("#areaDiv19").hide(1000);

                vm.form.waterThermalStorageCapUp = "0";
                vm.form.waterThermalStorageUnitInvestCost = "0";
                  
                var key = "anchorPoin-37_anchorPoin37";

                var connRem = vm.connectionMaps.get(key);

                if(connRem){ 
                  vm.$jsPlumbObj.deleteConnection(connRem);  
                  vm.connectionMaps.put(key,"");
                }
                  
                var key = "anchorPoin37_anchorPoin-37";

                var connRem = vm.connectionMaps.get(key);

                if(connRem){ 
                  vm.$jsPlumbObj.deleteConnection(connRem);  
                  vm.connectionMaps.put(key,"");
                }

              }
          
              
              if(vm.form.isHavaXsszl=="1"){
                $("#areaDiv20").show(1000); 
              
                setTimeout(function(){
                  vm.connectDiv("anchorPoin-39","anchorPoin39",anchor,"Straight",color3,""); 
                  vm.connectDiv("anchorPoin-40","anchorPoin40",anchor,"Straight",color4,""); 

                },1001);
                
              }else{
                $("#areaDiv20").hide(1000);

                vm.form.absorptionRefrigeraCapUp = "0";
                vm.form.absorptionRefrigeraUnitInvestCost = "0";
                  
                var key = "anchorPoin-39_anchorPoin39";

                var connRem = vm.connectionMaps.get(key);

                if(connRem){ 
                  vm.$jsPlumbObj.deleteConnection(connRem);  
                  vm.connectionMaps.put(key,"");
                }
                  
                var key = "anchorPoin-40_anchorPoin40";

                var connRem = vm.connectionMaps.get(key);

                if(connRem){ 
                  vm.$jsPlumbObj.deleteConnection(connRem);  
                  vm.connectionMaps.put(key,"");
                }

              }
          
              
              if(vm.form.isHavaSxl=="1"){
                $("#areaDiv21").show(1000); 
              
                setTimeout(function(){
                  vm.connectDiv("anchorPoin-41","anchorPoin41",anchor,"Straight",color4,""); 
                  vm.connectDiv("anchorPoin41","anchorPoin-41",anchor,"Straight",color4,""); 

                },1001);
                
              }else{
                $("#areaDiv21").hide(1000);

                vm.form.chilledWaterThermalStorageCapUp = "0";
                vm.form.chilledWaterThermalStorageUnitInvestCost = "0";
                  
                var key = "anchorPoin-41_anchorPoin41";

                var connRem = vm.connectionMaps.get(key);

                if(connRem){ 
                  vm.$jsPlumbObj.deleteConnection(connRem);  
                  vm.connectionMaps.put(key,"");
                }
                  
                var key = "anchorPoin41_anchorPoin-41";

                var connRem = vm.connectionMaps.get(key);

                if(connRem){ 
                  vm.$jsPlumbObj.deleteConnection(connRem);  
                  vm.connectionMaps.put(key,"");
                }

              }
          
              
              if(vm.form.isHavaBxl=="1"){
                $("#areaDiv22").show(1000); 
              
                setTimeout(function(){
                  vm.connectDiv("anchorPoin-38","anchorPoin38",anchor,"Straight",color1,""); 

                  vm.connectDiv("anchorPoin-42","anchorPoin42",anchor,"Straight",color4,""); 
                  vm.connectDiv("anchorPoin42","anchorPoin-42",anchor,"Straight",color4,""); 

                },1001);
                
              }else{
                $("#areaDiv22").hide(1000);

                vm.form.iceThermalStorageCapUp = "0";
                vm.form.iceThermalStorageUnitInvestCost = "0";
                  
                var key = "anchorPoin-38_anchorPoin38";

                var connRem = vm.connectionMaps.get(key);

                if(connRem){ 
                  vm.$jsPlumbObj.deleteConnection(connRem);  
                  vm.connectionMaps.put(key,"");
                }
                  
                var key = "anchorPoin42_anchorPoin-42";

                var connRem = vm.connectionMaps.get(key);

                if(connRem){ 
                  vm.$jsPlumbObj.deleteConnection(connRem);  
                  vm.connectionMaps.put(key,"");
                }

                          
                var key = "anchorPoin-42_anchorPoin42";

                var connRem = vm.connectionMaps.get(key);

                if(connRem){ 
                  vm.$jsPlumbObj.deleteConnection(connRem);  
                  vm.connectionMaps.put(key,"");
                }


              }
            


            }else{

              this.$message({
                type: 'info',
                message: '请先完成当前方案的维护操作！'
              });

            }
        

          }else{

            this.$message({
              type: 'info',
              message: '请输入方案名称'
            });   

            return;

          }


        }).catch(() => {
          this.$message({
            type: 'info',
            message: '取消输入'
          });       
        });


      },

      saveScheme : function(){

        var vm = this;
        this.form.checkScheme = "1";

        this.form.projectId = this.projectId;

        this.$http.post('/iepsapi/ea/hpEconomicAnalysis/saveScheme', {
          "pageData": JSON.stringify(this.form),
          "tableName":"he_scheme_selection"
        }).then((res) => {

          if (res.data.flag) {
            vm.form.id = res.data.id;
            this.$message({
              type: 'success',
              message: res.data.message
            });

            vm.querySchemeList();

          } else {
            this.$message.error(res.data.message);
          }
        });

      },
      
      schemeChange : function(type){

        var vm = this;

        var color1 = "#6ba785";
        var color2 = "#4AA0D6"; 
        var color3 = "#FF0000";  
        var color4 = "#7030A0"; 

        var anchor = ['Bottom', 'Top'];

        if(type=="dw"){

          if(this.form.isHavaDw=="1"){
            $("#areaDiv1").show(1000);
            this.connectDiv("anchorPoin-1","anchorPoin1",anchor,"Straight",color1,"");
            this.connectDiv("anchorPoin1","anchorPoin-1",anchor,"Straight",color1,"");
          }else{
          
            var key = "anchorPoin-1_anchorPoin1";

            var connRem = this.connectionMaps.get(key);

            if(connRem){ 
              this.$jsPlumbObj.deleteConnection(connRem);  
              this.connectionMaps.put(key,"");
            }

            var key = "anchorPoin1_anchorPoin-1";

            var connRem = this.connectionMaps.get(key);

            if(connRem){ 
              this.$jsPlumbObj.deleteConnection(connRem);  
              this.connectionMaps.put(key,"");
            }


            $("#areaDiv1").hide(1000);
            this.form.electricityPurchaseLimit = "0";
            this.form.electricitySalesCeiling = "0"; 

          }

        }else if(type=="gfHeat"){

          if(this.form.isHavaGfHeat=="1"){
            $("#areaDiv2").show(1000);

            this.connectDiv("anchorPoin-2","anchorPoin2",anchor,"Straight",color3,"");
            this.connectDiv("anchorPoin-3","anchorPoin3",anchor,"Straight",color1,"");

          }else{
           
            var key = "anchorPoin-2_anchorPoin2";

            var connRem = this.connectionMaps.get(key);
        
            if(connRem){ 
              this.$jsPlumbObj.deleteConnection(connRem);  
              this.connectionMaps.put(key,"");
            }

            var key = "anchorPoin-3_anchorPoin3";

            var connRem = this.connectionMaps.get(key);

            if(connRem){ 
              this.$jsPlumbObj.deleteConnection(connRem);  
              this.connectionMaps.put(key,"");
            }


            $("#areaDiv2").hide(1000);
            this.form.photovoltaicHeatCapUp = "0";
            this.form.photovoltaicHeatUnitInvestCost = "0"; 
          }

        }else if(type=="gf"){

          if(this.form.isHavaGf=="1"){
            $("#areaDiv3").show(1000);
            this.connectDiv("anchorPoin-4","anchorPoin4",anchor,"Straight",color1,"");

          }else{
           
            var key = "anchorPoin-4_anchorPoin4";

            var connRem = this.connectionMaps.get(key);
        
            if(connRem){ 
              this.$jsPlumbObj.deleteConnection(connRem);  
              this.connectionMaps.put(key,"");
            }

            $("#areaDiv3").hide(1000);
            this.form.photovoltaicCapUp = "0";
            this.form.photovoltaicUnitInvestCost = "0"; 
          }

        }else if(type=="fj"){

          if(this.form.isHavaFj=="1"){
            $("#areaDiv4").show(1000); 
            vm.connectDiv("anchorPoin-5","anchorPoin5",anchor,"Straight",color1,""); 
          }else{
            $("#areaDiv4").hide(1000);
            this.form.fanCapUp = "0";
            this.form.fanUnitInvestCost = "0"; 
                        
            var key = "anchorPoin-5_anchorPoin5";

            var connRem = this.connectionMaps.get(key);
        
            if(connRem){ 
              this.$jsPlumbObj.deleteConnection(connRem);  
              this.connectionMaps.put(key,"");
            }

          }

        }else if(type=="ldc"){

          if(this.form.isHavaLdc=="1"){
            $("#areaDiv5").show(1000); 
            setTimeout(function(){
              vm.connectDiv("anchorPoin-7","anchorPoin7",anchor,"Straight",color1,"");
              vm.connectDiv("anchorPoin7","anchorPoin-7",anchor,"Straight",color1,"");
            },1001);
          }else{
            $("#areaDiv5").hide(1000);
            this.form.lithiumaBatteryCapUp = "0";
            this.form.lithiumaBatteryUnitInvestCost = "0"; 
            
            var key = "anchorPoin-7_anchorPoin7";

            var connRem = this.connectionMaps.get(key);
        
            if(connRem){ 
              this.$jsPlumbObj.deleteConnection(connRem);  
              this.connectionMaps.put(key,"");
            }
            var key = "anchorPoin7_anchorPoin-7";

            var connRem = this.connectionMaps.get(key);

            if(connRem){ 
              this.$jsPlumbObj.deleteConnection(connRem);  
              this.connectionMaps.put(key,"");
            }
          }

        }else if(type=="qsdc"){

          if(this.form.isHavaQsdc=="1"){
            $("#areaDiv6").show(1000); 
            setTimeout(function(){
              vm.connectDiv("anchorPoin-8","anchorPoin8",anchor,"Straight",color1,"");
              vm.connectDiv("anchorPoin8","anchorPoin-8",anchor,"Straight",color1,"");
            },1001);
          }else{
            $("#areaDiv6").hide(1000);
            this.form.leadAcidCapUp = "0";
            this.form.leadAcidUnitInvestCost = "0"; 
            
            var key = "anchorPoin-8_anchorPoin8";

            var connRem = this.connectionMaps.get(key);

            if(connRem){ 
              this.$jsPlumbObj.deleteConnection(connRem);  
              this.connectionMaps.put(key,"");
            }
            var key = "anchorPoin8_anchorPoin-8";

            var connRem = this.connectionMaps.get(key);

            if(connRem){ 
              this.$jsPlumbObj.deleteConnection(connRem);  
              this.connectionMaps.put(key,"");
            }
          }

          
        }else if(type=="gyfcq"){
      

          if(this.form.isHavaGyfcq=="1"){
            $("#areaDiv7").show(1000); 

            setTimeout(function(){
              vm.connectDiv("anchorPoin-9","anchorPoin9",anchor,"Straight",color2,""); 
            },1001);
           
          }else{
            $("#areaDiv7").hide(1000);

            this.form.hydrogenPurchaseLimit = "0"; 
              
            var key = "anchorPoin-9_anchorPoin9";

            var connRem = this.connectionMaps.get(key);
        
            if(connRem){ 
              this.$jsPlumbObj.deleteConnection(connRem);  
              this.connectionMaps.put(key,"");
            }

          }


        }else if(type=="alkDjc"){
          

          
          if(this.form.isHavaAlkDjc=="1"){
            $("#areaDiv77").show(1000); 

            setTimeout(function(){
              vm.connectDiv("anchorPoin-10","anchorPoin10",anchor,"Straight",color1,"");
              vm.connectDiv("anchorPoin-11","anchorPoin11",anchor,"Straight",color2,"");
            },1001);
             

          }else{
            $("#areaDiv77").hide(1000);

            this.form.alkElectCellCapUp = "0";
            this.form.alkElectCellUnitInvestCost = "0";
            
              
            var key = "anchorPoin-10_anchorPoin10";

            var connRem = this.connectionMaps.get(key);
        
            if(connRem){ 
              this.$jsPlumbObj.deleteConnection(connRem);  
              this.connectionMaps.put(key,"");
            }
            
            var key = "anchorPoin-11_anchorPoin11";

            var connRem = this.connectionMaps.get(key);
        
            if(connRem){ 
              this.$jsPlumbObj.deleteConnection(connRem);  
              this.connectionMaps.put(key,"");
            }
          }

    
        }else if(type=="pemDjc"){
          
          if(this.form.isHavaPemDjc=="1"){
            $("#areaDiv8").show(1000); 


            setTimeout(function(){
              vm.connectDiv("anchorPoin-14","anchorPoin14",anchor,"Straight",color1,"");
              vm.connectDiv("anchorPoin-15","anchorPoin15",anchor,"Straight",color2,"");
            },1001);

          }else{
            $("#areaDiv8").hide(1000);

            this.form.pemElectCellCapUp = "0";
            this.form.pemElectCellUnitInvestCost = "0";
            
              
            var key = "anchorPoin-14_anchorPoin14";

            var connRem = this.connectionMaps.get(key);
        
            if(connRem){ 
              this.$jsPlumbObj.deleteConnection(connRem);  
              this.connectionMaps.put(key,"");
            }
        
            var key = "anchorPoin-15_anchorPoin15";

            var connRem = this.connectionMaps.get(key);
        
            if(connRem){ 
              this.$jsPlumbObj.deleteConnection(connRem);  
              this.connectionMaps.put(key,"");
            }

          }

        }else if(type=="aemDjc"){
          
          if(this.form.isHavaAemDjc=="1"){
            $("#areaDiv9").show(1000); 


            setTimeout(function(){
              vm.connectDiv("anchorPoin-17","anchorPoin17",anchor,"Straight",color1,"");
              vm.connectDiv("anchorPoin-18","anchorPoin18",anchor,"Straight",color2,"");
            },1001);

          }else{
            $("#areaDiv9").hide(1000);

            this.form.aemElectCellCapUp = "0";
            this.form.aemElectCellUnitInvestCost = "0";
            
              
            var key = "anchorPoin-17_anchorPoin17";

            var connRem = this.connectionMaps.get(key);
        
            if(connRem){ 
              this.$jsPlumbObj.deleteConnection(connRem);  
              this.connectionMaps.put(key,"");
            }
        
            var key = "anchorPoin-18_anchorPoin18";

            var connRem = this.connectionMaps.get(key);
        
            if(connRem){ 
              this.$jsPlumbObj.deleteConnection(connRem);  
              this.connectionMaps.put(key,"");
            }

          }

        }else if(type=="gtcq"){
          
          if(this.form.isHavaGtcq=="1"){
            $("#areaDiv10").show(1000); 


            setTimeout(function(){
              vm.connectDiv("anchorPoin-20","anchorPoin20",anchor,"Straight",color1,"");
              vm.connectDiv("anchorPoin-21","anchorPoin21",anchor,"Straight",color2,"");
            },1001);

          }else{
            $("#areaDiv10").hide(1000);

            this.form.gtHydrogenStorageCapUp = "0";
            this.form.gtHydrogenStorageUnitInvestCost = "0";
             
                
            var key = "anchorPoin-20_anchorPoin20";

            var connRem = this.connectionMaps.get(key);
        
            if(connRem){ 
              this.$jsPlumbObj.deleteConnection(connRem);  
              this.connectionMaps.put(key,"");
            }
        
            var key = "anchorPoin-21_anchorPoin21";

            var connRem = this.connectionMaps.get(key);
        
            if(connRem){ 
              this.$jsPlumbObj.deleteConnection(connRem);  
              this.connectionMaps.put(key,"");
            }

          }

        }else if(type=="qtcq"){
          
          if(this.form.isHavaQtcq=="1"){
            $("#areaDiv11").show(1000); 


            setTimeout(function(){
              vm.connectDiv("anchorPoin-22","anchorPoin22",anchor,"Straight",color1,"");
              vm.connectDiv("anchorPoin-23","anchorPoin23",anchor,"Straight",color2,"");
            },1001);

          }else{
            $("#areaDiv11").hide(1000);

            this.form.qtHydrogenStorageCapUp = "0";
            this.form.qtHydrogenStorageUnitInvestCost = "0";
             
                
            var key = "anchorPoin-22_anchorPoin22";

            var connRem = this.connectionMaps.get(key);
        
            if(connRem){ 
              this.$jsPlumbObj.deleteConnection(connRem);  
              this.connectionMaps.put(key,"");
            }
        
            var key = "anchorPoin-23_anchorPoin23";

            var connRem = this.connectionMaps.get(key);
        
            if(connRem){ 
              this.$jsPlumbObj.deleteConnection(connRem);  
              this.connectionMaps.put(key,"");
            }

          }

        }else if(type=="ytcq"){
          
          if(this.form.isHavaYtcq=="1"){
            $("#areaDiv12").show(1000); 


            setTimeout(function(){
              vm.connectDiv("anchorPoin-25","anchorPoin25",anchor,"Straight",color1,"");
              vm.connectDiv("anchorPoin-26","anchorPoin26",anchor,"Straight",color2,"");
            },1001);

          }else{
            $("#areaDiv12").hide(1000);

            this.form.ytHydrogenStorageCapUp = "0";
            this.form.ytHydrogenStorageUnitInvestCost = "0";
             
                
            var key = "anchorPoin-25_anchorPoin25";

            var connRem = this.connectionMaps.get(key);
        
            if(connRem){ 
              this.$jsPlumbObj.deleteConnection(connRem);  
              this.connectionMaps.put(key,"");
            }
        
            var key = "anchorPoin-26_anchorPoin26";

            var connRem = this.connectionMaps.get(key);
        
            if(connRem){ 
              this.$jsPlumbObj.deleteConnection(connRem);  
              this.connectionMaps.put(key,"");
            }

          }

        }else if(type=="rldc"){
          
          if(this.form.isHavaRldc=="1"){
            $("#areaDiv13").show(1000); 
           
            setTimeout(function(){
              vm.connectDiv("anchorPoin27","anchorPoin-27",anchor,"Straight",color1,"");
              vm.connectDiv("anchorPoin-28","anchorPoin28",anchor,"Straight",color3,"");
              vm.connectDiv("anchorPoin-29","anchorPoin29",anchor,"Straight",color2,"");

            },1001);
            
          }else{
            $("#areaDiv13").hide(1000);

            this.form.fuelCellCapUp = "0";
            this.form.fuelCellUnitInvestCost = "0";
            
              
            var key = "anchorPoin27_anchorPoin-27";

            var connRem = this.connectionMaps.get(key);
        
            if(connRem){ 
              this.$jsPlumbObj.deleteConnection(connRem);  
              this.connectionMaps.put(key,"");
            }
              
            var key = "anchorPoin-28_anchorPoin28";

            var connRem = this.connectionMaps.get(key);
        
            if(connRem){ 
              this.$jsPlumbObj.deleteConnection(connRem);  
              this.connectionMaps.put(key,"");
            }
              
            var key = "anchorPoin-29_anchorPoin29";

            var connRem = this.connectionMaps.get(key);
        
            if(connRem){ 
              this.$jsPlumbObj.deleteConnection(connRem);  
              this.connectionMaps.put(key,"");
            }


          }

        }else if(type=="jrq"){
          
          if(this.form.isHavaJrq=="1"){
            $("#areaDiv14").show(1000); 
           
            setTimeout(function(){
              vm.connectDiv("anchorPoin-30","anchorPoin30",anchor,"Straight",color3,"");
            },1001);
            
          }else{
            $("#areaDiv14").hide(1000);

            this.form.collectorCapUp = "0";
            this.form.collectorUnitInvestCost = "0";
              
            var key = "anchorPoin-30_anchorPoin30";

            var connRem = this.connectionMaps.get(key);
        
            if(connRem){ 
              this.$jsPlumbObj.deleteConnection(connRem);  
              this.connectionMaps.put(key,"");
            }

          }

        }else if(type=="dyrb"){
          
          if(this.form.isHavaDyrb=="1"){
            $("#areaDiv15").show(1000); 
           
            setTimeout(function(){
              vm.connectDiv("anchorPoin-13","anchorPoin13",anchor,"Straight",color1,"");
              vm.connectDiv("anchorPoin-31","anchorPoin31",anchor,"Straight",color3,"");
              vm.connectDiv("anchorPoin-32","anchorPoin32",anchor,"Straight",color4,"");

            },1001);
            
          }else{
            $("#areaDiv15").hide(1000);

            this.form.dyHeatPumpCapUp = "0";
            this.form.dyHeatPumpUnitInvestCost = "0";
              
            var key = "anchorPoin-13_anchorPoin13";

            var connRem = this.connectionMaps.get(key);
        
            if(connRem){ 
              this.$jsPlumbObj.deleteConnection(connRem);  
              this.connectionMaps.put(key,"");
            }

          

              
            var key = "anchorPoin-31_anchorPoin31";

            var connRem = this.connectionMaps.get(key);

            if(connRem){ 
              this.$jsPlumbObj.deleteConnection(connRem);  
              this.connectionMaps.put(key,"");
            }

            var key = "anchorPoin-32_anchorPoin32";

            var connRem = this.connectionMaps.get(key);

            if(connRem){ 
              this.$jsPlumbObj.deleteConnection(connRem);  
              this.connectionMaps.put(key,"");
            }
          }

        }else if(type=="kqyrb"){
          
          if(this.form.isHavaKqyrb=="1"){
            $("#areaDiv16").show(1000); 
           
            setTimeout(function(){
              vm.connectDiv("anchorPoin-16","anchorPoin16",anchor,"Straight",color1,"");
              vm.connectDiv("anchorPoin-33","anchorPoin33",anchor,"Straight",color3,"");
              vm.connectDiv("anchorPoin-34","anchorPoin34",anchor,"Straight",color4,"");

            },1001);
            
          }else{
            $("#areaDiv16").hide(1000);

            this.form.kqyHeatPumpCapUp = "0";
            this.form.kqyHeatPumpUnitInvestCost = "0";
              
            var key = "anchorPoin-16_anchorPoin16";

            var connRem = this.connectionMaps.get(key);
        
            if(connRem){ 
              this.$jsPlumbObj.deleteConnection(connRem);  
              this.connectionMaps.put(key,"");
            }

            var key = "anchorPoin-33_anchorPoin33";

            var connRem = this.connectionMaps.get(key);

            if(connRem){ 
              this.$jsPlumbObj.deleteConnection(connRem);  
              this.connectionMaps.put(key,"");
            }

            var key = "anchorPoin-34_anchorPoin34";

            var connRem = this.connectionMaps.get(key);

            if(connRem){ 
              this.$jsPlumbObj.deleteConnection(connRem);  
              this.connectionMaps.put(key,"");
            }
          }

        }else if(type=="syrb"){
          
          if(this.form.isHavaSyrb=="1"){
            $("#areaDiv17").show(1000); 
           
            setTimeout(function(){
              vm.connectDiv("anchorPoin-19","anchorPoin19",anchor,"Straight",color1,"");
              vm.connectDiv("anchorPoin-35","anchorPoin35",anchor,"Straight",color3,"");
              vm.connectDiv("anchorPoin-36","anchorPoin36",anchor,"Straight",color4,"");

            },1001);
            
          }else{
            $("#areaDiv17").hide(1000);

            this.form.syHeatPumpCapUp = "0";
            this.form.syHeatPumpUnitInvestCost = "0";
              
            var key = "anchorPoin-19_anchorPoin19";

            var connRem = this.connectionMaps.get(key);
        
            if(connRem){ 
              this.$jsPlumbObj.deleteConnection(connRem);  
              this.connectionMaps.put(key,"");
            }

            var key = "anchorPoin-35_anchorPoin35";

            var connRem = this.connectionMaps.get(key);

            if(connRem){ 
              this.$jsPlumbObj.deleteConnection(connRem);  
              this.connectionMaps.put(key,"");
            }

            var key = "anchorPoin-36_anchorPoin36";

            var connRem = this.connectionMaps.get(key);

            if(connRem){ 
              this.$jsPlumbObj.deleteConnection(connRem);  
              this.connectionMaps.put(key,"");
            }
          }

        }else if(type=="gtxr"){
          
          if(this.form.isHavaGtxr=="1"){
            $("#areaDiv18").show(1000); 
           
            setTimeout(function(){
              vm.connectDiv("anchorPoin-24","anchorPoin24",anchor,"Straight",color1,"");
              vm.connectDiv("anchorPoin-136","anchorPoin136",anchor,"Straight",color3,""); 
              vm.connectDiv("anchorPoin136","anchorPoin-136",anchor,"Straight",color3,""); 

            },1001);
            
          }else{
            $("#areaDiv18").hide(1000);

            this.form.gtThermalStorageCapUp = "0";
            this.form.gtThermalStorageUnitInvestCost = "0";
          
            var key = "anchorPoin-24_anchorPoin24";

            var connRem = this.connectionMaps.get(key);
        
            if(connRem){ 
              this.$jsPlumbObj.deleteConnection(connRem);  
              this.connectionMaps.put(key,"");
            }

            var key = "anchorPoin-136_anchorPoin136";

            var connRem = this.connectionMaps.get(key);

            if(connRem){ 
              this.$jsPlumbObj.deleteConnection(connRem);  
              this.connectionMaps.put(key,"");
            }
                        
            var key = "anchorPoin136_anchorPoin-136";

            var connRem = this.connectionMaps.get(key);

            if(connRem){ 
              this.$jsPlumbObj.deleteConnection(connRem);  
              this.connectionMaps.put(key,"");
            }
          }
        }else if(type=="sxr"){
          
          if(this.form.isHavaSxr=="1"){
            $("#areaDiv19").show(1000); 
           
            setTimeout(function(){
              vm.connectDiv("anchorPoin-37","anchorPoin37",anchor,"Straight",color3,""); 
              vm.connectDiv("anchorPoin37","anchorPoin-37",anchor,"Straight",color3,""); 

            },1001);
            
          }else{
            $("#areaDiv19").hide(1000);

            this.form.waterThermalStorageCapUp = "0";
            this.form.waterThermalStorageUnitInvestCost = "0";
              
            var key = "anchorPoin-37_anchorPoin37";

            var connRem = this.connectionMaps.get(key);

            if(connRem){ 
              this.$jsPlumbObj.deleteConnection(connRem);  
              this.connectionMaps.put(key,"");
            }
              
            var key = "anchorPoin37_anchorPoin-37";

            var connRem = this.connectionMaps.get(key);

            if(connRem){ 
              this.$jsPlumbObj.deleteConnection(connRem);  
              this.connectionMaps.put(key,"");
            }

          }
      
        }else if(type=="xsszl"){
          
          if(this.form.isHavaXsszl=="1"){
            $("#areaDiv20").show(1000); 
           
            setTimeout(function(){
              vm.connectDiv("anchorPoin-39","anchorPoin39",anchor,"Straight",color3,""); 
              vm.connectDiv("anchorPoin-40","anchorPoin40",anchor,"Straight",color4,""); 

            },1001);
            
          }else{
            $("#areaDiv20").hide(1000);

            this.form.absorptionRefrigeraCapUp = "0";
            this.form.absorptionRefrigeraUnitInvestCost = "0";
              
            var key = "anchorPoin-39_anchorPoin39";

            var connRem = this.connectionMaps.get(key);

            if(connRem){ 
              this.$jsPlumbObj.deleteConnection(connRem);  
              this.connectionMaps.put(key,"");
            }
              
            var key = "anchorPoin-40_anchorPoin40";

            var connRem = this.connectionMaps.get(key);

            if(connRem){ 
              this.$jsPlumbObj.deleteConnection(connRem);  
              this.connectionMaps.put(key,"");
            }

          }
      
        }else if(type=="sxl"){
          
          if(this.form.isHavaSxl=="1"){
            $("#areaDiv21").show(1000); 
           
            setTimeout(function(){
              vm.connectDiv("anchorPoin-41","anchorPoin41",anchor,"Straight",color4,""); 
              vm.connectDiv("anchorPoin41","anchorPoin-41",anchor,"Straight",color4,""); 

            },1001);
            
          }else{
            $("#areaDiv21").hide(1000);

            this.form.chilledWaterThermalStorageCapUp = "0";
            this.form.chilledWaterThermalStorageUnitInvestCost = "0";
              
            var key = "anchorPoin-41_anchorPoin41";

            var connRem = this.connectionMaps.get(key);

            if(connRem){ 
              this.$jsPlumbObj.deleteConnection(connRem);  
              this.connectionMaps.put(key,"");
            }
              
            var key = "anchorPoin41_anchorPoin-41";

            var connRem = this.connectionMaps.get(key);

            if(connRem){ 
              this.$jsPlumbObj.deleteConnection(connRem);  
              this.connectionMaps.put(key,"");
            }

          }
      
        }else if(type=="bxl"){
          
          if(this.form.isHavaBxl=="1"){
            $("#areaDiv22").show(1000); 
           
            setTimeout(function(){
              vm.connectDiv("anchorPoin-38","anchorPoin38",anchor,"Straight",color1,""); 

              vm.connectDiv("anchorPoin-42","anchorPoin42",anchor,"Straight",color4,""); 
              vm.connectDiv("anchorPoin42","anchorPoin-42",anchor,"Straight",color4,""); 

            },1001);
            
          }else{
            $("#areaDiv22").hide(1000);

            this.form.iceThermalStorageCapUp = "0";
            this.form.iceThermalStorageUnitInvestCost = "0";
              
            var key = "anchorPoin-38_anchorPoin38";

            var connRem = this.connectionMaps.get(key);

            if(connRem){ 
              this.$jsPlumbObj.deleteConnection(connRem);  
              this.connectionMaps.put(key,"");
            }
              
            var key = "anchorPoin42_anchorPoin-42";

            var connRem = this.connectionMaps.get(key);

            if(connRem){ 
              this.$jsPlumbObj.deleteConnection(connRem);  
              this.connectionMaps.put(key,"");
            }

                      
            var key = "anchorPoin-42_anchorPoin42";

            var connRem = this.connectionMaps.get(key);

            if(connRem){ 
              this.$jsPlumbObj.deleteConnection(connRem);  
              this.connectionMaps.put(key,"");
            }


          }
      
        }

      },

      dataMaintenance:function(dataType){
        this.dataType = dataType;

        if(dataType=="dw"){
          this.label1 = "购电上限：";
          this.label2 = "售电上限：";

          this.unit1 = "kW";
          this.unit2 = "kW";

        }else if(dataType=="gfHeat"){
          this.label1 = "容量上限：";
          this.label2 = "单位投资成本：";

          this.unit1 = "kW";
          this.unit2 = "元/kW";
        }else if(dataType=="gf"){
          this.label1 = "容量上限：";
          this.label2 = "单位投资成本：";

          this.unit1 = "kW";
          this.unit2 = "元/kW";
        }else if(dataType=="fj"){
          this.label1 = "容量上限：";
          this.label2 = "单位投资成本：";

          this.unit1 = "kW";
          this.unit2 = "元/kW";
        }else if(dataType=="ldc"){
          this.label1 = "容量上限：";
          this.label2 = "单位投资成本：";

          this.unit1 = "kWh";
          this.unit2 = "元/kWh";
        }else if(dataType=="qsdc"){
          this.label1 = "容量上限：";
          this.label2 = "单位投资成本：";

          this.unit1 = "kWh";
          this.unit2 = "元/kWh";
        }else if(dataType=="gyfcq"){
          this.label1 = "购氢上限：";
          this.label2 = "";
          this.unit1 = "kg";
          this.unit2 = "";
        }else if(dataType=="alkDjc"){
          this.label1 = "容量上限：";
          this.label2 = "单位投资成本：";

          this.unit1 = "kW";
          this.unit2 = "元/kW";
        }else if(dataType=="pemDjc"){
          this.label1 = "容量上限：";
          this.label2 = "单位投资成本：";

          this.unit1 = "kW";
          this.unit2 = "元/kW";
        }else if(dataType=="aemDjc"){
          this.label1 = "容量上限：";
          this.label2 = "单位投资成本：";

          this.unit1 = "kW";
          this.unit2 = "元/kW";
        }else if(dataType=="gtcq"){
          this.label1 = "容量上限：";
          this.label2 = "单位投资成本：";

          this.unit1 = "kg";
          this.unit2 = "元/kg";
        }else if(dataType=="qtcq"){
          this.label1 = "容量上限：";
          this.label2 = "单位投资成本：";

          this.unit1 = "kg";
          this.unit2 = "元/kg";
        }else if(dataType=="ytcq"){
          this.label1 = "容量上限：";
          this.label2 = "单位投资成本：";

          this.unit1 = "kg";
          this.unit2 = "元/kg";
        }else if(dataType=="rldc"){
          this.label1 = "容量上限：";
          this.label2 = "单位投资成本：";

          this.unit1 = "kW";
          this.unit2 = "元/kW";
        }else if(dataType=="jrq"){
          this.label1 = "容量上限：";
          this.label2 = "单位投资成本：";

          this.unit1 = "kW";
          this.unit2 = "元/kW";
        }else if(dataType=="dyrb"){
          this.label1 = "容量上限：";
          this.label2 = "单位投资成本：";

          this.unit1 = "kW";
          this.unit2 = "元/kW";
        }else if(dataType=="kqyrb"){
          this.label1 = "容量上限：";
          this.label2 = "单位投资成本：";

          this.unit1 = "kW";
          this.unit2 = "元/kW";
        }else if(dataType=="syrb"){
          this.label1 = "容量上限：";
          this.label2 = "单位投资成本：";

          this.unit1 = "kW";
          this.unit2 = "元/kW";
        }else if(dataType=="gtxr"){
          this.label1 = "容量上限：";
          this.label2 = "单位投资成本：";

          this.unit1 = "kWh";
          this.unit2 = "元/kWh";
        }else if(dataType=="sxr"){
          this.label1 = "容量上限：";
          this.label2 = "单位投资成本：";

          this.unit1 = "kWh";
          this.unit2 = "元/kWh";
        }else if(dataType=="xsszl"){
          this.label1 = "容量上限：";
          this.label2 = "单位投资成本：";

          this.unit1 = "kW";
          this.unit2 = "元/kW";
        }else if(dataType=="sxl"){
          this.label1 = "容量上限：";
          this.label2 = "单位投资成本：";

          this.unit1 = "kWh";
          this.unit2 = "元/kWh";
        }else if(dataType=="bxl"){
          this.label1 = "容量上限：";
          this.label2 = "单位投资成本：";

          this.unit1 = "kWh";
          this.unit2 = "元/kWh";
        }
        
        if(dataType=="dw"){
          this.dataForm.value1 = this.form.electricityPurchaseLimit;
          this.dataForm.value2 = this.form.electricitySalesCeiling;
        }else if(dataType=="gfHeat"){
          this.dataForm.value1 = this.form.photovoltaicHeatCapUp;
          this.dataForm.value2 = this.form.photovoltaicHeatUnitInvestCost;
        }else if(dataType=="gf"){
          this.dataForm.value1 = this.form.photovoltaicCapUp;
          this.dataForm.value2 = this.form.photovoltaicUnitInvestCost;
        }else if(dataType=="fj"){
          this.dataForm.value1 = this.form.fanCapUp;
          this.dataForm.value2 = this.form.fanUnitInvestCost;
        }else if(dataType=="ldc"){
          this.dataForm.value1 = this.form.lithiumaBatteryCapUp;
          this.dataForm.value2 = this.form.lithiumaBatteryUnitInvestCost;
        }else if(dataType=="qsdc"){
          this.dataForm.value1 = this.form.leadAcidCapUp;
          this.dataForm.value2 = this.form.leadAcidUnitInvestCost;
        }else if(dataType=="alkDjc"){
          this.dataForm.value1 = this.form.alkElectCellCapUp;
          this.dataForm.value2 = this.form.alkElectCellUnitInvestCost;
        }else if(dataType=="pemDjc"){
          this.dataForm.value1 = this.form.pemElectCellCapUp;
          this.dataForm.value2 = this.form.pemElectCellUnitInvestCost;
        }else if(dataType=="aemDjc"){
          this.dataForm.value1 = this.form.aemElectCellCapUp;
          this.dataForm.value2 = this.form.aemElectCellUnitInvestCost;
        }else if(dataType=="gtcq"){
          this.dataForm.value1 = this.form.gtHydrogenStorageCapUp;
          this.dataForm.value2 = this.form.gtHydrogenStorageUnitInvestCost;
        }else if(dataType=="qtcq"){
          this.dataForm.value1 = this.form.qtHydrogenStorageCapUp;
          this.dataForm.value2 = this.form.qtHydrogenStorageUnitInvestCost;
        }else if(dataType=="ytcq"){
          this.dataForm.value1 = this.form.ytHydrogenStorageCapUp;
          this.dataForm.value2 = this.form.ytHydrogenStorageUnitInvestCost;
        }else if(dataType=="rldc"){
          this.dataForm.value1 = this.form.fuelCellCapUp;
          this.dataForm.value2 = this.form.fuelCellUnitInvestCost;
        }else if(dataType=="jrq"){
          this.dataForm.value1 = this.form.collectorCapUp;
          this.dataForm.value2 = this.form.collectorUnitInvestCost;
        }else if(dataType=="dyrb"){
          this.dataForm.value1 = this.form.dyHeatPumpCapUp;
          this.dataForm.value2 = this.form.dyHeatPumpUnitInvestCost;
        }else if(dataType=="kqyrb"){
          this.dataForm.value1 = this.form.kqyHeatPumpCapUp;
          this.dataForm.value2 = this.form.kqyHeatPumpUnitInvestCost;
        }else if(dataType=="syrb"){
          this.dataForm.value1 = this.form.syHeatPumpCapUp;
          this.dataForm.value2 = this.form.syHeatPumpUnitInvestCost;
        }else if(dataType=="gtxr"){
          this.dataForm.value1 = this.form.gtThermalStorageCapUp;
          this.dataForm.value2 = this.form.gtThermalStorageUnitInvestCost;
        }else if (dataType=="sxr"){
          this.dataForm.value1 = this.form.waterThermalStorageCapUp;
          this.dataForm.value2 = this.form.waterThermalStorageUnitInvestCost;
        }else if(dataType=="xsszl"){
          this.dataForm.value1 = this.form.absorptionRefrigeraCapUp;
          this.dataForm.value2 = this.form.absorptionRefrigeraUnitInvestCost;
        }else if(dataType=="sxl"){
          this.dataForm.value1 = this.form.chilledWaterThermalStorageCapUp;
          this.dataForm.value2 = this.form.chilledWaterThermalStorageUnitInvestCost;
        }else if(dataType=="bxl"){
          this.dataForm.value1 = this.form.iceThermalStorageCapUp;
          this.dataForm.value2 = this.form.iceThermalStorageUnitInvestCost;
        }else if(dataType=="gyfcq"){
          this.dataForm.value1 = this.form.hydrogenPurchaseLimit;
        }
 

        this.dialogTitle = "数据维护";
        this.dialogShowFlag = true;
      },

      
      getMap : function() {
        
        //初始化map_,给map_对象增加方法，使map_像Map
        var map_ = new Object();
        map_.put = function(key, value) {
            map_[key+'_'] = value;
        };
        map_.get = function(key) {
            return map_[key+'_'];
        };
        map_.remove = function(key) {
            delete map_[key+'_'];
        };
        map_.keyset = function() {
            var ret = "";
            for(var p in map_) {
                if(typeof p == 'string' && p.substring(p.length-1) == "_") {
                    ret += ",";
                    ret += p.substring(0,p.length-1);
                }
            }
            if(ret == "") {
                return ret.split(",");
            } else {
                return ret.substring(1).split(",");
            }
        };
        return map_;
      },

      generateWorkFlow : function(){
       
         //绿色
         var color1 = "#6ba785";
         //蓝色
         var color2 = "#4AA0D6"; 
         //红色
         var color3 = "#FF0000"; 
         var color4 = "#7030A0"; 

         
         this.connectDiv("linePoin-1","linePoin1",anchor,"Straight",color1,"");
         this.connectDiv("linePoin-2","linePoin2",anchor,"Straight",color2,"");
         this.connectDiv("linePoin-3","linePoin3",anchor,"Straight",color3,"");

          var anchor = ['Bottom', 'Top'];

          this.connectDiv("anchorPoin-1","anchorPoin1",anchor,"Straight",color1,"");
          this.connectDiv("anchorPoin1","anchorPoin-1",anchor,"Straight",color1,"");

          this.connectDiv("anchorPoin-2","anchorPoin2",anchor,"Straight",color3,""); 

          this.connectDiv("anchorPoin-3","anchorPoin3",anchor,"Straight",color1,""); 

          this.connectDiv("anchorPoin-4","anchorPoin4",anchor,"Straight",color1,""); 

          this.connectDiv("anchorPoin-5","anchorPoin5",anchor,"Straight",color1,""); 

          this.connectDiv("anchorPoin-6","anchorPoin6",anchor,"Straight",color1,"");

          this.connectDiv("anchorPoin-7","anchorPoin7",anchor,"Straight",color1,"");
          this.connectDiv("anchorPoin7","anchorPoin-7",anchor,"Straight",color1,"");

          this.connectDiv("anchorPoin-8","anchorPoin8",anchor,"Straight",color1,"");
          this.connectDiv("anchorPoin8","anchorPoin-8",anchor,"Straight",color1,"");

          this.connectDiv("anchorPoin-9","anchorPoin9",anchor,"Straight",color2,"");

          this.connectDiv("anchorPoin-10","anchorPoin10",anchor,"Straight",color1,"");
          this.connectDiv("anchorPoin-11","anchorPoin11",anchor,"Straight",color2,"");
 
          this.connectDiv("anchorPoin-13","anchorPoin13",anchor,"Straight",color1,"");

          this.connectDiv("anchorPoin-14","anchorPoin14",anchor,"Straight",color1,"");
          this.connectDiv("anchorPoin-15","anchorPoin15",anchor,"Straight",color2,"");

          this.connectDiv("anchorPoin-16","anchorPoin16",anchor,"Straight",color1,"");

          this.connectDiv("anchorPoin-17","anchorPoin17",anchor,"Straight",color1,"");

          this.connectDiv("anchorPoin-18","anchorPoin18",anchor,"Straight",color2,"");

          this.connectDiv("anchorPoin-19","anchorPoin19",anchor,"Straight",color1,"");

          this.connectDiv("anchorPoin-20","anchorPoin20",anchor,"Straight",color1,"");

          this.connectDiv("anchorPoin-21","anchorPoin21",anchor,"Straight",color2,"");

          this.connectDiv("anchorPoin-22","anchorPoin22",anchor,"Straight",color1,"");
          this.connectDiv("anchorPoin-23","anchorPoin23",anchor,"Straight",color2,"");

          this.connectDiv("anchorPoin-24","anchorPoin24",anchor,"Straight",color1,"");

          this.connectDiv("anchorPoin-25","anchorPoin25",anchor,"Straight",color1,"");

          this.connectDiv("anchorPoin-26","anchorPoin26",anchor,"Straight",color2,"");

          this.connectDiv("anchorPoin27","anchorPoin-27",anchor,"Straight",color1,"");


          this.connectDiv("anchorPoin-28","anchorPoin28",anchor,"Straight",color3,"");

          this.connectDiv("anchorPoin-29","anchorPoin29",anchor,"Straight",color2,"");

          this.connectDiv("anchorPoin-30","anchorPoin30",anchor,"Straight",color3,"");

          this.connectDiv("anchorPoin-31","anchorPoin31",anchor,"Straight",color3,"");
          this.connectDiv("anchorPoin-32","anchorPoin32",anchor,"Straight",color4,"");
          this.connectDiv("anchorPoin-33","anchorPoin33",anchor,"Straight",color3,"");
          this.connectDiv("anchorPoin-34","anchorPoin34",anchor,"Straight",color4,"");
          
          this.connectDiv("anchorPoin-35","anchorPoin35",anchor,"Straight",color3,"");

          this.connectDiv("anchorPoin-36","anchorPoin36",anchor,"Straight",color4,"");
          this.connectDiv("anchorPoin-136","anchorPoin136",anchor,"Straight",color3,"");
          this.connectDiv("anchorPoin136","anchorPoin-136",anchor,"Straight",color3,"");

          this.connectDiv("anchorPoin-37","anchorPoin37",anchor,"Straight",color3,"");
          this.connectDiv("anchorPoin37","anchorPoin-37",anchor,"Straight",color3,"");

          this.connectDiv("anchorPoin-38","anchorPoin38",anchor,"Straight",color1,"");
          this.connectDiv("anchorPoin-39","anchorPoin39",anchor,"Straight",color3,"");

          this.connectDiv("anchorPoin-40","anchorPoin40",anchor,"Straight",color4,"");

          this.connectDiv("anchorPoin-41","anchorPoin41",anchor,"Straight",color4,"");
          this.connectDiv("anchorPoin41","anchorPoin-41",anchor,"Straight",color4,"");


          this.connectDiv("anchorPoin-42","anchorPoin42",anchor,"Straight",color4,"");
          this.connectDiv("anchorPoin42","anchorPoin-42",anchor,"Straight",color4,"");

      },
    

 
    
      connectDiv : function(source,target,anchor,connector,stroke,label){
 

          var jsPlumbObj = this.getJsPlumb(stroke,connector);
  
          if(label){

              var conn = jsPlumbObj.connect({
                  source : source,
                  target : target,
                  anchor: anchor,
                  overlays : [
                      ["Arrow", { width: 5, length: 5,  location: 1 }], 
                      label
                  ] 
              });

              var connRem = this.connectionMaps.get(source+"_"+target);
        
              if(connRem){ 
                this.$jsPlumbObj.deleteConnection(connRem);  
                this.connectionMaps.put(source+"_"+target,"");
              }

              this.connectionMaps.put(source+"_"+target,conn);
              this.connectionArr.push(source+"_"+target);
            }else{
                          
              var conn = jsPlumbObj.connect({
                  source : source,
                  target : target,
                  anchor: anchor, 
                  overlays : [
                      ["Arrow", { width: 1, length: 1,  location: 1 }], 
                  ] 
              });

              
              var connRem = this.connectionMaps.get(source+"_"+target);
        
              if(connRem){ 
                this.$jsPlumbObj.deleteConnection(connRem);  
                this.connectionMaps.put(source+"_"+target,"");
              }

              this.connectionMaps.put(source+"_"+target,conn);
              this.connectionArr.push(source+"_"+target);
          }

          window.addEventListener('resize', () => {
              jsPlumbObj.repaintEverything()
          })

          return jsPlumbObj;

      },
 

      
      getJsPlumb(lineColor,connector){
          
          var connectorValue = "Flowchart";

          if(connector!=null&&connector!=""){
              connectorValue = connector;
          }

          this.$jsPlumbObj = this.$jsPlumb;

          var jsPlumb = this.$jsPlumb.getInstance({

              ConnectionsDetachable   : false,//连接是否可以使用鼠标默认分离

              //  Endpoint:['Image', {
              //    src: 'static/images/def_endpoint.png',
              //  }] , // 端点的形状
              Anchor: "Continuous", 
              Endpoint : "Blank",//端点（锚点）的样式声明（Dot）
              EndpointStyle: { radius: 1, fill: "#FFFFFF" }, //端点默认样式
              PaintStyle: { stroke: lineColor, strokeWidth: 2  }, // 连线样式
              HoverPaintStyle: { stroke: lineColor }, // 默认悬停样式
              // EndpointHoverStyle: {src: 'static/images/endpoint.png', },
              EndpointHoverStyle: { fill: lineColor }, // 端点悬停样式
              ConnectionOverlays: [
              [
                  "Arrow",
                  {
                      // 箭头
                      width:12,
                      length:12,
                      location: 1,
                      visible: true, 
                      // paintStyle: {
                      //     stroke: lineColor,
                      //     fill: lineColor
                      // }
                  }
                  
              ]
              ],
              Connector: [connectorValue, { gap: 5 }], //要使用的默认连接器的类型：折线，流程等
              DrapOptions: { cursor: "crosshair", zIndex: 2000 },
              Scope: "jsPlumb_DefaultScope"
          });

          return jsPlumb;

      },
 

    }
  }
</script>


<style>

  .el-message-box {
      display: inline-block;
      width: 420px;
      padding-bottom: 10px;
      vertical-align: middle;
      background-color: #263675;
      border-radius: 4px;
      border: 1px solid #354b80;
      font-size: 18px;
      -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
      box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
      text-align: left;
      overflow: hidden;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
  }
  .el-message-box__title {
    padding-left: 0;
    margin-bottom: 0;
    font-size: 18px;
    line-height: 1;
    color: #ffffff;
  }

  .el-message-box__content {
    padding: 10px 15px;
    color: #fff;
    font-size: 14px;
  }
</style>

 

<style scoped>



/deep/ .el-radio {
    color: #eff4ff;
    cursor: pointer;
    margin-right: 10px;
}

.configBox{
  display: block;
  width: 27vh;
  height: 67vh;
  border-radius: 2vh;
  background-image: linear-gradient(to bottom, #2946ad, #61dde37a);
}

@import '../planProgram/style/tree.css';
  img{
    width: 70px;
  }
  td{
    position: relative;
  }
  .box1{
    position: relative;
    width: 100%;
    min-height: 90vh;
    margin-top:0.5%;
    background: inherit;
    background-color: rgba(45, 61, 136, 0.6);
    color: white;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(226, 239, 249, 1);
    border : none;
    border-radius: 5px;
    -webkit-box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.345098039215686);
    box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.345098039215686);
    font-size: 2vh;
    text-align: right;
  }
  
  /deep/ .el-dialog {
    background:rgba(40,54,121, 0.9);
    -webkit-box-sizing: border-box;
    border: none;

  }
  /deep/ .el-dialog__header {
    padding: 20px 20px 10px;
    color: #FFF;
    background:#374590;
  }
  /deep/ .el-dialog__title {
    line-height: 15px;
    font-size: 16px;
    color: #FFF;
  }
  /deep/ .el-form-item__label {
    text-align: right;
    vertical-align: middle;
    float: left;
    font-size: 14px;
    color: #FFF !important;
    line-height: 40px;
    padding: 0 12px 0 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  /deep/ .el-input.is-disabled .el-input__inner{
    background-color: #161E43;
    border-color: #161E43;
    color: #FFFFFF;
    text-align: left;
    cursor: not-allowed;
  } 



  /deep/ .el-input__inner { 
      background-color: #202b6180;
      background-image: none;
      border-radius: 4px;
      border: 1px solid #5c7bc5;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      color: #f2f2f2;
      display: inline-block;
      font-size: inherit;
      height: 31px;
      line-height: 31px;
      outline: 0;
      padding: 0 15px;
      -webkit-transition: border-color .2s cubic-bezier(.645,.045,.355,1);
      transition: border-color .2s cubic-bezier(.645,.045,.355,1);
      width: 100%;
  }

  /deep/ .el-input-group__append, .el-input-group__prepend {
    background-color: #305997;
    color: #ffffff;
    vertical-align: middle;
    display: table-cell;
    position: relative;
    border: 1px solid #506aa7;
    border-radius: 4px;
    padding: 0 20px;
    width: 1px;
    white-space: nowrap;
  }


.imgClass{
  vertical-align: middle;
  margin-top: 1vh;
  margin-left: 1vh;
  width: 4vh;
  height: 4vh;
}
 


.areaBox{
  display: block;
  width: 14vh;
  height: 9vh;
  text-align: left;
  border-radius: 12px;
  border: 1px solid #504ed557;
  background-image: -webkit-gradient(linear, left top, right top, from(#425bb5), to(#8ecd7e7a));
  background-image: linear-gradient(to right, #4274b5, #0f5d753d);
  cursor: pointer;
}

.areaBox2{
  display: block;
  width: 9vh;
  height: 9vh;
  text-align: left; 
  cursor: pointer;
}

</style>
